003 Google浏览器调试

2021/7/11 23:36:44

本文主要是介绍003 Google浏览器调试,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

文章目录

  • 0 界面
    • 0.1 点击选着元素
    • 0.2 更改设备查看
    • 0.3 使用命令(截图,改颜色)
  • 1 Elements
    • 1.1 快捷键H隐藏
    • 1.2 长按拖动
    • 1.3 全部展开
  • 2 Console
    • 2.1 当前节点、父节点($0 $1)
    • 2.2 console.table();
  • 3 Sources
  • 4 Network
    • 4.1 过滤信息
    • 4.2 正常网络,断网,3G
    • 4.3 返回报文信息
    • 4.4 具体返回信息
    • 4.5 过滤协议、状态码
  • 5 Application

0 界面

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

0.1 点击选着元素

在这里插入图片描述

0.2 更改设备查看

在这里插入图片描述

0.3 使用命令(截图,改颜色)

  1. screen
  2. theme
    在这里插入图片描述

1 Elements

1.1 快捷键H隐藏

在这里插入图片描述

1.2 长按拖动

在这里插入图片描述

1.3 全部展开

在这里插入图片描述

2 Console

在这里插入图片描述

2.1 当前节点、父节点($0 $1)

在这里插入图片描述

2.2 console.table();

在这里插入图片描述

在这里插入图片描述

3 Sources

在这里插入图片描述

4 Network

4.1 过滤信息

4.2 正常网络,断网,3G

在这里插入图片描述

在这里插入图片描述

4.3 返回报文信息

在这里插入图片描述

4.4 具体返回信息

在这里插入图片描述

4.5 过滤协议、状态码

  1. method:POST/GET

在这里插入图片描述

  1. 状态码 status-code:

在这里插入图片描述

5 Application

在这里插入图片描述



这篇关于003 Google浏览器调试的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程