审查元素是便于浏览者查看制作网页的源代码。很多Webmasters(网页设计者)经常会使用火狐的扩展Firebug来获取网站页面的源代码,各元素的加载时间。Google Chrome也提供了此功能,且操作更加简单,只需右键点击“审查元素”(名字),即可打开Chrome Inspector,获得网页各种元素的加载时间、Javascript函数、Object等信息。左侧为Html代码,右侧为CSS代码。借助“审查元素”功能,Webmasters可以适时调整网页代码,以提高网页加载速度;是网页设计初学者学习Div+Css的有力辅助工具。审查元素可以做到定位网页元素、实时监控网页元素属性变化的功能,可以及时调试、修改、定位、追踪检查、查看嵌套 ,修改样式和查看js动态输出信息,是开发人员得心应手的好工具
可以查找对应的js
找到网页上js部分
右击
选择【审查元素】
跳出的窗口中即可显示该js在网页代码中的位置
第一个是element元素功能,一般用来查看html文档的,第二个console是控制台,一般是用来调试js的,第三个Sources是资源,第四个Timeline是网络。操作方法如下:
1、首先鼠标右键选择网页上的某个元素,然后选择查看元素,可调出元素选择器。
2、或者直接在网页上按F12,弹出如下图。
3、然后选择F12左上角的指针,拖动过上去可以定位元素。
4、然后取网站的颜色,如:获取文字灰色度rgba(0, 0, 0, .4。
5、然后获取网页图片的地址,如下涂所示,就可以了。