Awesome
webkit-webinspector
Standalone Webkit WebInspector frontend extracted from Webkit sources. This is a merely experimental project for local debugging needs, if you're looking for a more user-friendly soultion checkout the ios-safari-remote-debug-kit project.
Usage
To debug iOS devices you need to have ios-webkit-debug-proxy installed and running.
To start WebInspectorUI run
yarn start
By default server will start on 8080, you can change server port providing the command-line argument, e.g. yarn start 8000
. Press CTRL+C to quit.
Navigate to http://localhost:8080/Main.html?ws=localhost:9222/devtools/page/1
. ws=...
part can be taken from http://localhost:9222
, "frontend" page of ios-webkit-debug-proxy tool.
Command protocols
Command protocol and WebInspectorUI capabilities may vary depending on iOS version. To list all available command protocols run
yarn start -P list
By default the latest command protocol available in checked in WebInspectorUI is used.
Update
Clone WebInspectorUI to temp dir
rm -rf tmp/
git clone https://github.com/WebKit/WebKit.git --depth 1 tmp/webkit
Copy WebInspectorUI to serve dir
cp -R tmp/webkit/Source/WebInspectorUI/UserInterface lib/WebInspectorUI/latest