开发人员如何调试页面（浏览器的开发者工具）

1、目前主流的浏览器都有这个功能，快捷键F12进入方式，点击工具栏最右侧进入，选择工具>开发者工具进入

2、进入后第一项：可以用左侧的小箭头，点击下箭头，选择你要选择的区域就会定位在页面的相关位置了！你可以看到当前页面的代码了，可以实时修改，看效果！

3、箭头旁边是页面的尺寸，如果开发手机页面；可以选择不同尺寸，便于开发调试！

4、如果页面加载慢，可以点network查看性能，看看哪里延迟时间长等

5、源文件可以查，代码相关位置和内容！内存可以监控，哪些消耗内存，以免内存溢出！

6、用什么浏览器不重要，重要的是你要了解开发者工具的功能！还有比如：打印信息到控制台等等！！！