跳到主要内容

chrome-devtools

常用命令和调试

黑盒脚本:Blackbox Script

控制台内置指令

远程调试WebView

Chrome Devtools 用途

前端开发:开发预览、远程调试、性能调优、bug跟踪、断点调试等 后端开发:网络抓包、开发调试Response 测试:服务端API数据是否正确、审查页面元素样式及布局、页面加载性能分析、自动化测试 其他:安装扩展插件,如AdBlock、Gliffy、Axure等

常用命令和调试

快捷指令铭板:cmd + shift + p

...: 打开文件
:: 前往文件
@:前往标识符(函数,类名等)
!: 运行脚本文件
>: 打开某菜单功能

> performance monitor

监视器以及相关信息,例如CPU,JS堆大小和DOM节点。

FPS实时监控性能:

FPS选择第一项

截图单个元素:

screen 选择Capture node screenhot