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