主要介绍谷歌浏览器的使用,都是一些自己在工作中用到的技巧,不是很全面,希望可以帮到其他人。
1、打开Chrome开发者工具,总所周知的F12(火狐、IE9/10/11),可以看到如下效果。接下来分别介绍标红部分的内容。
2、第一个带搜索的工具,是用来选取网页上某一个或某一块的元素,然后查看、分析、学习。可以看到这个元素的详细信息和结构(父元素、浮动、颜色、字体大小、行高、外边距、无下划线等等),不看源代码时估计会认为这一块是是ul和li结构,原来不是(我觉得这样的结构比ul+li少很多代码)。
可以在右边的element.style{}中加一些样式,看看是不是想要的效果。比如我想让他高一点,宽度再加大一点,但是又不想影响他的同级元素的样式,那么就在这里写。
这里写