Google浏览器 开发者工具使用详情

浏览器最多6个线程
同时发送209个请求信息
在这里插入图片描述

Elements:查看网页源代码可以修改css样式
在这里插入图片描述

Console:记录开发的日志信息和报错信息方便开发者及时能发现错误地方在哪里,一般用console.log() 来打印调试信息,知道变量输出了什么,是不是我们想要的东西
在这里插入图片描述

Sources:调试代码,在js代码块中写上debugger即可调试代码可以知道变量的变化,Watch在这里设置想要监控的变量,随着单步调试的进行,这些被监控的变量的值也会随之更新。

在这里插入图片描述

Network:网络请求信息,分析http请求后的到的各个请求信息(状态、资源类型、大小、所用时间)
点击文件后弹出一个里面包括了headers、preview、r

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值