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

402 阅读1分钟

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

 

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

  1. 审查元素 ctrl+shift+c 在页面上选择一个HTML元素并审查它
  2. 切换浏览设备 ctrl+shift+m 切换在PC和手机上的样式;
  3. 主功能目录区域 日常工作中常用功能的目录
  4. 异常和错误提醒简介 抛出异常、资源请求错误、程序错误等简介
  5. 个性化和设置ChromeDev
  6. 关闭ChromeDev F12
  7. <