为了账号安全,请及时绑定邮箱和手机立即绑定

Electron开发实战之13-webwxapi-01

Chrome 开发者工具
打开Chrome 开发者工具
  • 在Chrome菜单中选择 更多工具 > 开发者工具
  • 使用 快捷键 Ctrl+Shift+I(Windows) 或 Opt+Cmd+I (Mac)
  • 在页面元素上右键点击,选择 “检查”
面板
  • Elements: 操作DOM和CSS
  • Console: 与页面交互,显示日志等
  • Sources: 调试
  • Network: 网络抓包分析
  • Performance: 性能面板
  • Memory: 内存面板
  • Application: IndexedDB,cookie,应用程序缓存...
  • Security: 安全面板
  • Audits: 性能测试报告
    Network

    Network

    1. 选项卡: 控制 Network 面板的外观和功能
    2. 过滤: 资源列表中显示哪些资源。提示:按住 Cmd 或 Ctrl 可以多选
    3. 时间线: 测量加载资源的时间
    4. 资源列表: 每一条都代表一个请求资源
    5. 状态栏: 显示请求总数、传输的数据量和加载时间等等

资源时间

  • Queuing: 请求排队时间
  • Stalled/Blocking: 请求等待发送所用的时间
  • Request sent: 发出网络请求所用的时间
  • Waiting (TTFB): 等待初始响应所用的时间,也称为到第一字节的时间。
  • Content Download: 接收响应数据所用的时间
点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消