更便捷的查看网页元素-趣百科

更便捷的查看网页元素

作为一个互联网的开发者，不论你是否愿意和浏览器打交道，你都必须接受它的存在，以及对你工作的影响，接下来就叫你简单的如何调试网页代码！

查看网页元素的快捷方式是"F12",这个是所有浏览器都支持的，按了以后会出现一个代码框；还有另一种方法：鼠标右击——找到查看元素，一样可以弹出代码框并到能够定位到当前审查元素位置

现在你看到的就是页面源码啦，下面要调试页面代码，首先要找到调试代码的位置和样式表

接下来就可以进行调试样式啦，左边的大的代码框是html源码，右侧小框是样式框，你可以在右侧调整来控制html页面的样式，如图，我把line-height：1.8调到了“3.8”；下面你看html页面的行高和以前相比，是不是变高了；

页面的代码调试不仅仅有css，还有js，那js如何调整呢？如下图，标注的地方就是执行js的地方；

下面介绍下IE浏览器的主要调试代码，首页F12进入代码调试界面。

接下来的调试阶段和上面的差不多了，如图所有，你要选择相应的功能，然后上面的箭头点击，就可以选择元素啦。

恭喜你，现在你已经可以学会代码调试啦，虽然是皮毛，不过，以后再有错位或者错位，再也不太担心，找不到原因啦！

更便捷的查看网页元素