F12开发者工具

什么是F12？

是浏览器自带的开发调试工具，由于可以直接用F12启动，故简称F12工具

快速启动方式

  • F12
  • ctrl+shift+i

常规设置

  • 点击右上角的···可以调节界面的位置
  • ···–>设置可以调节样式和语言
  • 点击小手机图标可以更改浏览器UA标签

F12菜单栏

英 汉 功能
Elements 查看器 查看界面的元素
Console 控制台
Source 调试器 （源代码）
Network 网络 抓包
Performance 性能
Memory 存储
  1. Elements：定位元素，查看并更改属性样式