版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33800083/article/details/81516514
我常用的浏览器是IE11和Chrome浏览器，两者的开发者工具功能基本一样，只是界面不同。
我常用到的功能主要是Elements(DOM资源管理器)、Console(控制台)、Sources(调试程序)这三个。
DOM资源管理器是IE浏览器的叫法，这个功能可以用来查找Web页面上各节点的标签内容。
Console控制台，我主要用它来看报错信息的。
Sources就是调试程序用的，功能很强大，甚至可以打断点。在Web页面上的每一步操作，Chrome浏览器左侧会有一个Filesystem栏目，其下面是当前项目的代码，但并没有全都显示出来，能看到的就代表这个页面应用到了这个jsp或js文件，看不到就说明没有用到。每进行不同的操作Filesystem都会刷新结构，因为应用到的jsp或js页面不同。打开一个页面我们可以像在eclipse中一样打上断点，这样在操作的时候就可以触发断点，同时在右侧的监听栏中就可以看到相关参数的赋值情况。