谷歌开发者工具的使用

进入开发者工具的方式: 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, 调试真机(手机);