Chrome浏览器开发者工具界面布局及代表的意思

1、首先打开Chrome浏览器，点击右上方的三个竖点按钮，选择更多，开发者工具。

3、然后是Elements（元素）标签。这里显示HTML标签元素，同时也能够查询到网页源代码。将鼠标移动至标签处，即可显示出对应的标签在网页中的位置。

5、接着是Source（资源）标签。这里显示的是网页用到的资源文件。包括html,js文件和图片文件等。