跳转至

BrowserDebugProtocol

Chrome Devtool Protocol

  • http://{host}:{--remote-debugging-port}/json/version
    • 查看是否开启
    • 查看如webSocketDebuggerUrl
  • http://{host}:{--remote-debugging-port}/json/
    • 查看所有页面
    • 远程调试页面
    • 在chrome://inspect/\#devices添加Discover network targets，即{host}:{--remote-debugging-port}
    • 这个响应中有devtoolsFrontendUrl其就只是在一个页面上进行页面调试，和chrome://inspect/\#devices一样
      • 如https://chrome-devtools-frontend.appspot.com/serve_rev/@97d495678dc307bfe6d6475901104e262ec7a487/inspector.html?ws=localhost:18080/devtools/page/37B4F8D85D25F60CDC16FA9A0B3DA56D
      • 不过这个需要开启--remote-allow-origins="*"（*表示任意），否则的话只能自己做一个websocket中转

WebKit

  • WebInspectorUI
    • 使用方式好像类似于chromium：http://localhost:8080/Main.html?ws=localhost:9222/devtools/page/1
  • https://github.com/artygus/webkit-webinspector
    • 封装了一点点东西
    • 好像是不能直接用WebInspectorUI，要一些处理

  • https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter

    • 被取代为： https://inspect.dev/
    • 接替者开源仓库： https://github.com/HimbeersaftLP/ios-safari-remote-debug-kit

  • Web Inspector

    • 参考
      • Source/WebKit/glib/remote-inspector.md.in
    • Client:
      • WEBKIT_INSPECTOR_SERVER=127.0.0.1:9222 MiniBrowser --enable-developer-extras=true https://wpewebkit.org
        • 或者设置 WEBKIT_INSPECTOR_HTTP_SERVER=127.0.0.1:9222
    • Client:
      • MiniBrowser inspector://127.0.0.1:9222
      • http://127.0.0.1:9222