Chrome DevTools

Awesome Chrome DevTools Awesome

> Chrome DevTools生态系统中的强大工具和资源


Learning

Multiuser DevTools


DevTools tooling and ecosystem

Object formatting

Network Inspection

  • betwixt -系统级网络代理,通过“网络”面板提供检查.
  • Weer -HTTP协议调试器(关闭源)

CPU profile

  • call-trace -可以使用钩子检测JS,然后生成完整(非采样)执行的.cpuprofile. 查看时间或通话计数.
  • cpuprofilify -将各种性能分析/采样工具的输出转换为.cpuprofile格式.
  • Wishbone python framework -分析数据可以导出为.cpuprofile.

Multimedia

  • snapline -将时间轴屏幕截图转换为gif.

Timeline, Tracing & Profiling

Chrome Debugger integration with Editors


Chrome DevTools Protocol

Developing with the protocol

Automation

  • Puppeteer -Node.js提供了高级API,可通过DevTools协议控制无头Chrome. -Python端口: pyppeteer -防锈端口: Rust Headless Chrome -.NET端口: Puppeteer Sharp
  • headless-devtools -Puppeteer插件可获取CSS Coverage或JS Heap快照.
  • Taiko -一个Node.js模块,可使用DevTools协议自动执行chrome / chromium. -还有下面的所有“协议驱动程序库”

Protocol Driver Libraries

-JavaScript / Node.js: chrome-remote-interface -该协议最常用的JavaScript API -TypeScript / Node.js: chrome-debugging-client -Java: chrome-devtools-java-client -Java: karate -带有Java API的Web服务测试框架,可自动执行Chrome浏览器 -Python: PyCDP -纯Python,无IO包装器. 另请参阅 Trio CDP driver -Python: chromewhip -直接替换splash服务 -Python: pychrome -低级CDP传输处理程序 -Python: ChromeController -高级浏览器mgmt - 走: chromedp -驱动浏览器的高级操作和任务 - 走: cdp - 走: gcd - 走: godet - C#/dotnet: chrome-dev-tools -协议包装生成器,可以通过编辑车把模板进行自定义. 包括.Net Core模板. -红宝石: Cuprite -水豚司机 -红宝石: ChromeRemote -Kotlin: chrome-reactive-kotlin -Kotlin中的反应式(rxjava 2.x)低级客户端库 -Clojure: clj-chrome-devtools -CDP包装器API是自动生成的,并且在CDP协议更改时将更新. -PHP: chrome-devtools-protocol -该协议的PHP客户端库.

Browser Adapters

Using DevTools frontend with other platforms

Android

ClojureScript

  • Dirac -ClojsureScript的调试.

Lua

  • Mare -使用Chrome DevTools进行Lua调试.

iOS

  • PonyDebugger -使用Chrome DevTools进行远程网络和数据调试iOS应用.

Go

Node.js


DevTools Extensions

Accessibility (A11y)

  • Chromelens -查看具有不同类型视力的人的Web应用外观,以及用户在浏览页面时浏览的路径.

Workflow

Themes

Performance

  • Chrome React Perf -react-addons-perf软件包的操作接口.
  • sloth -Chrome扩展程序可以启用和保存选定标签的CPU和网络限制.
  • TracerBench -TracerBench是用于Web应用程序的受控性能基准测试工具,可提供对性能增量的清晰,可操作和有用的见解.

License

CC0

这个很棒的清单已在Creative Commons 0下获得了公共领域的许可.有关更多信息,请参见 license 文件.