Skip to main content

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