谷歌浏览器对HTML网页进行调试的详细操作方法(图文)

谷歌浏览器作为一款世界知名的电脑浏览器，有很多从事网页开发的人员都喜欢使用它来对网页中的HTML、CSS、JS等代码进行调试。考虑到有一些刚刚接触网页开发的用户可能不知道如何使用谷歌浏览器来进行调试，为此浏览器之家小编今天给大家分享一下谷歌浏览器对HTML网页进行调试的详细操作方法，有兴趣的朋友赶紧来看看吧！
 

谷歌浏览器对HTML网页进行调试的详细操作方法

1、打开谷歌浏览器，在浏览器右上角依次点击“菜单”-“更多工具”-“开发者工具”。



2、此时就会弹出开发者工具，如下图所示，这个就是查看、编辑页面上的元素，包括HTML和CSS。



3、在左侧显示的是当前网页的所有标签，我们可以点击选择标签，或是对标签进行编辑。



4、在标签页的右侧可以对元素的CSS进行查看与编辑。



以上就是谷歌浏览器对HTML网页进行调试的详细操作方法，大家按照上面的方法来进行设置，就可以在谷歌浏览器中对网页进行调试了。