Chrome浏览器“审查元素”功能,网页制作好帮手.docVIP

文：721出处：第七基地（/forum.php?mod=viewthreadtid=2978）??今天想在Discuz!的帖子列表里加一些自己的东西进去，但无奈，自己水平太菜，打开源代码根本分不清哪块代码对应哪块地方，不知道该把东西加在哪里，不过手上用的正好是Chrome浏览器，于是“审查元素”功能帮了大忙。??在网页上除flash以外的其他大多数位置右击，即可调出审查元素的界面，会显示在浏览器底端。界面上有好几个标签页，下面介绍一下它的一些功能。??第一个Elements面板，个人觉得是页面布局方面最实用的一项功能，可以直接以层叠的样式显示出网页的布局，它并不像“查看源代码”那样，显示出全部的代码，而是只显示divtdph2这一类的标签，更直观的体现出了网页的布局，如果要知道详细内容，还能右击查看该段的源代码。??选择元素右击，可以马上将光标定位到该段代码的位置，鼠标移到代码处，网页上还会加深显示改代码在网页上的位置，十分方便，比如我想在签名图位置上面加上自己的东西，就先找到签名段代码所在的位置。??右侧会显示当前选中项的CSS样式，比较值得注意的是，光标移至其中的项时，可以通过将右边的勾去掉，来屏蔽掉该项样式，并且即时体现在网页上，大大方便了对网页布局的调试。??更神奇的是，你还可以双击元素项，实时修改网页上各段的代码，也会及时体现在网页上，对于查