F12打开开发者工具

html 开发者工具使用教程

 

 元素选择器: 鼠标点击后可以选择页面的元素, 下面页面部分会主动将对应源码标识出来

html 开发者工具使用教程

 

console: 终端, 可以执行js脚本, 显示日志信息

source: 显示源码, 可以修改, 调试页面

url没有指明要访问的页面, 默认就是inde, 所以(index) 这个页面是浏览器虚拟显示出来 

html 开发者工具使用教程

 

network: 查看访问的网络链接详情

html 开发者工具使用教程

 

Application: 查看相关的本地存储, 如: cookie

html 开发者工具使用教程

 

相关文章:

  • 2022-01-14
  • 2021-10-24
  • 2021-10-24
  • 2022-12-23
  • 2022-12-23
  • 2021-12-25
  • 2021-07-14
  • 2021-09-30
猜你喜欢
  • 2021-09-17
  • 2022-12-23
  • 2021-08-11
  • 2021-10-31
  • 2022-01-19
  • 2021-06-30
相关资源
相似解决方案