下你所需,载你所想!
汇集开发技术源码资料

Chrome_SPY浏览器网页元素分析工具

:1.576MB :1 :2019-12-19 16:10:30

部分简介

用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。css可以即时修改,即时显示。

查看页面的HTML文件源代码、JavaScript源代码、CSS源代码,此外最重要的是可以调试JavaScript源代码,可以给JS代码添加断点等。

查看元素的代码:点击左上角的箭头图标或按快捷键Ctrl+Shift+C进入选择元素模式,然后从页面中选择需要查看的元素,然后可以在开发者工具元素Elements一栏中定位到该元素源代码的具体位置。

查看元素的属性:定位到元素的源代码之后,可以从源代码中读出改元素的属性。

在元素的右边栏中的styles页面可以查看该元素的CSS属性,这个页面展示该元素原始定义的CSS属性以及从父级元素继承的CSS属性。从这个页面还可以查到该元素的某个CSS特性来自于那个CSS文件,使编码调试时修改代码变得非常方便。

Chrome_SPY浏览器网页元素分析工具

热门推荐

相关文章