前端工程师必备谷歌浏览器F12下的调试知识点

chrome浏览器版本（所有的操作都是基于我电脑上目前这个版本。）

 

进入开发者工具的方式：F12 （所有浏览器都可以用F12进入开发者工具），ChromeDev（开发者工具简称）按照类别可以分为下面几种

1. 审查元素 ctrl+shift+c 在页面上选择一个HTML元素并审查它

2. 切换浏览设备 ctrl+shift+m 切换在PC和手机上的样式；

3. 主功能目录区域 日常工作中常用功能的目录

4. 异常和错误提醒简介 抛出异常、资源请求错误、程序错误等简介

5. 个性化和设置ChromeDev

6. 关闭ChromeDev F12

7. 主功能面板区域 随着主功能目录的切换而切换，这里是ChromeDev的主要操作区域

8. 辅助功能区域 快捷键ESC进行开启和隐藏

   Chrome开发者工具提供了提示功能，当鼠标悬停在某些文字图标上的时候，会做一些人性化的提示，经常看一下，会有收获；

Chrome浏览器还提供用PC，调试真机（手机）；