chrome浏览器版本（所有的操作都是基于我电脑上目前这个版本。）
进入开发者工具的方式：F12 （所有浏览器都可以用F12进入开发者工具），ChromeDev（开发者工具简称）按照类别可以分为下面几种
-
审查元素 ctrl+shift+c 在页面上选择一个HTML元素并审查它
-
切换浏览设备 ctrl+shift+m 切换在PC和手机上的样式；
-
主功能目录区域 日常工作中常用功能的目录
-
异常和错误提醒简介 抛出异常、资源请求错误、程序错误等简介
-
个性化和设置ChromeDev
-
关闭ChromeDev F12
-
主功能面板区域 随着主功能目录的切换而切换，这里是ChromeDev的主要操作区域
-
辅助功能区域 快捷键ESC进行开启和隐藏
Chrome开发者工具提供了提示功能，当鼠标悬停在某些文字图标上的时候，会做一些人性化的提示，经常看一下，会有收获；
Chrome浏览器还提供用PC，调试真机（手机）；
一、审查元素
在没有开启控制台的情况下，可以通过快捷键ctrl+shift+c直接开启控制台，并进入审查选择状态，在页面上选择一个HTML元素并审查它；
二、切换浏览设备
切换在PC和手机上的样式，切换后需刷新,才能看到正确的适配;
三、主功能区域
工作中常用的功能
上面这些标签的位置可以自由移动，可以根据自己的习惯进行移动；
四、异常和错误提醒简介
五、个性化和设置ChromeDev
六、关闭ChromeDev
呃、就是关闭ChromeDev，没啥；
八、辅助功能区域
- Console
- 和主区域中console一样的功能，但是可以在任何主功能的面板展示的同时使用console，比如你可以在再开Element的时候，使用辅助区域的console；
- 主区域的console和辅助区域console不能同时展开
- History,历史信息
- Animations,动画
- Network conditions,网络条件
- Rendering，渲染
- Remote devices，远程设备
- Sensors，传感器
- Search，全局搜索网页加载内容
- Quick source，资源快捷展示
今天关于谷歌浏览器调试模式下就介绍到这里，谢谢大家，以前火狐浏览器有个插件也很好用，不过现在好多都集成在F12这个键里面啦，简单了解一下