Empty devtools window

[Adrriii]

Using an iPhone 12, iOS 17.6.1, both Safari and Chrome.
On Ubuntu 22.10 with all latest dependencies compiled from source, notably usbmuxd v1.1.1.
As requested by the Troubleshooting section, I'm using the latest possible build from source, up to date with master.

usbmuxd seems to work as expected, I've added the log param to the service to see it pick up my device when plugging/unplugging :

[12:53:40.200][3] usbmuxd v1.1.1-66-g0b1b233 starting up
[12:53:40.201][3] Successfully dropped privileges to 'usbmux'
[12:53:40.201][3] Using libusb 1.0.26
[12:53:40.204][3] Initialization complete
[12:53:40.204][3] Enabled exit on SIGUSR1 if no devices are attached. Start a new instance with "--exit" to trigger.
[12:53:40.205][2] Skipping switch device 3-11 mode from 1 to 1
libusb: warning [op_get_configuration] device unconfigured
[12:53:40.205][3] Found usbmux interface for device 3-11: 1
[12:53:40.205][3] Changing configuration of device 3-11: 0 -> 4
[12:53:40.213][3] Connecting to new device on location 0x3000b as ID 1
[12:53:40.213][3] Connected to v2.0 device 1 on location 0x3000b with serial number 00008101-000574682ED0001E
[13:07:14.089][3] Removed device 1 on location 0x3000b
[13:07:14.798][3] usbmuxd shutting down
[13:07:14.898][3] Shutdown complete
[13:37:05.300][3] usbmuxd v1.1.1-66-g0b1b233 starting up
[13:37:05.301][3] Successfully dropped privileges to 'usbmux'
[13:37:05.301][3] Using libusb 1.0.26
[13:37:05.304][3] Initialization complete
[13:37:05.304][3] Enabled exit on SIGUSR1 if no devices are attached. Start a new instance with "--exit" to trigger.
[13:37:05.305][2] Skipping switch device 3-14 mode from 1 to 1
libusb: warning [op_get_configuration] device unconfigured
[13:37:05.305][3] Found usbmux interface for device 3-14: 1
[13:37:05.305][3] Changing configuration of device 3-14: 0 -> 4
[13:37:05.324][3] Connecting to new device on location 0x3000e as ID 1
[13:37:05.324][3] Connected to v2.0 device 1 on location 0x3000e with serial number 00008101-000574682ED0001E

Running the following command to start the debug proxy : ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html
The output seems correct as well :

Listing devices on :9221
Connected :9222 to iPhone (00008101-000574682ED0001E)

Then visiting http://localhost:9222/ I can see my tabs just fine, for both Safari and Chrome
As expected, I need to copy the address and remove the 'chrome-' prefix to get to the devtools devtools://devtools/bundled/inspector.html?ws=localhost:9222/devtools/page/1

However, no matter which page and which browser, the devtools remain absolutely empty, with no error shown in either usbmud output, or the debug proxy :

[Adrriii]

Opening up the devtools shows these error logs :

Failed to load resource: net::ERR_FAILED
protocol_client.js:1 Request Network.setCacheDisabled failed. {"code":-32601,"message":"'Network' domain was not found","data":[{"code":-32601,"message":"'Network' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Network.enable failed. {"code":-32601,"message":"'Network' domain was not found","data":[{"code":-32601,"message":"'Network' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Network.setAttachDebugStack failed. {"code":-32601,"message":"'Network' domain was not found","data":[{"code":-32601,"message":"'Network' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Page.enable failed. {"code":-32601,"message":"'Page' domain was not found","data":[{"code":-32601,"message":"'Page' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Page.getResourceTree failed. {"code":-32601,"message":"'Page' domain was not found","data":[{"code":-32601,"message":"'Page' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Runtime.enable failed. {"code":-32601,"message":"'Runtime' domain was not found","data":[{"code":-32601,"message":"'Runtime' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request DOM.enable failed. {"code":-32601,"message":"'DOM' domain was not found","data":[{"code":-32601,"message":"'DOM' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request CSS.enable failed. {"code":-32601,"message":"'CSS' domain was not found","data":[{"code":-32601,"message":"'CSS' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Debugger.enable failed. {"code":-32601,"message":"'Debugger' domain was not found","data":[{"code":-32601,"message":"'Debugger' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Debugger.setPauseOnExceptions failed. {"code":-32601,"message":"'Debugger' domain was not found","data":[{"code":-32601,"message":"'Debugger' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Debugger.setAsyncCallStackDepth failed. {"code":-32601,"message":"'Debugger' domain was not found","data":[{"code":-32601,"message":"'Debugger' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Overlay.enable failed. {"code":-32601,"message":"'Overlay' domain was not found","data":[{"code":-32601,"message":"'Overlay' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Overlay.setShowViewportSizeOnResize failed. {"code":-32601,"message":"'Overlay' domain was not found","data":[{"code":-32601,"message":"'Overlay' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Autofill.enable failed. {"code":-32601,"message":"'Autofill' domain was not found","data":[{"code":-32601,"message":"'Autofill' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Autofill.setAddresses failed. {"code":-32601,"message":"'Autofill' domain was not found","data":[{"code":-32601,"message":"'Autofill' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Profiler.enable failed. {"code":-32601,"message":"'Profiler' domain was not found","data":[{"code":-32601,"message":"'Profiler' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Log.enable failed. {"code":-32601,"message":"'Log' domain was not found","data":[{"code":-32601,"message":"'Log' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Log.startViolationsReport failed. {"code":-32601,"message":"'Log' domain was not found","data":[{"code":-32601,"message":"'Log' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Emulation.setEmulatedMedia failed. {"code":-32601,"message":"'Emulation' domain was not found","data":[{"code":-32601,"message":"'Emulation' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Emulation.setEmulatedVisionDeficiency failed. {"code":-32601,"message":"'Emulation' domain was not found","data":[{"code":-32601,"message":"'Emulation' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Audits.enable failed. {"code":-32601,"message":"'Audits' domain was not found","data":[{"code":-32601,"message":"'Audits' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request ServiceWorker.enable failed. {"code":-32601,"message":"'ServiceWorker' domain was not found","data":[{"code":-32601,"message":"'ServiceWorker' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Inspector.enable failed. {"code":-32601,"message":"'Inspector' domain was not found","data":[{"code":-32601,"message":"'Inspector' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Target.setAutoAttach failed. {"code":-32601,"message":"'Target.setAutoAttach' was not found","data":[{"code":-32601,"message":"'Target.setAutoAttach' was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Target.setDiscoverTargets failed. {"code":-32601,"message":"'Target.setDiscoverTargets' was not found","data":[{"code":-32601,"message":"'Target.setDiscoverTargets' was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Target.setRemoteLocations failed. {"code":-32601,"message":"'Target.setRemoteLocations' was not found","data":[{"code":-32601,"message":"'Target.setRemoteLocations' was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Runtime.addBinding failed. {"code":-32601,"message":"'Runtime' domain was not found","data":[{"code":-32601,"message":"'Runtime' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Network.clearAcceptedEncodingsOverride failed. {"code":-32601,"message":"'Network' domain was not found","data":[{"code":-32601,"message":"'Network' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Debugger.setBlackboxPatterns failed. {"code":-32601,"message":"'Debugger' domain was not found","data":[{"code":-32601,"message":"'Debugger' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request DOMDebugger.setBreakOnCSPViolation failed. {"code":-32601,"message":"'DOMDebugger' domain was not found","data":[{"code":-32601,"message":"'DOMDebugger' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Page.getNavigationHistory failed. {"code":-32601,"message":"'Page' domain was not found","data":[{"code":-32601,"message":"'Page' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Page.startScreencast failed. {"code":-32601,"message":"'Page' domain was not found","data":[{"code":-32601,"message":"'Page' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Page.stopScreencast failed. {"code":-32601,"message":"'Page' domain was not found","data":[{"code":-32601,"message":"'Page' domain was not found"}]}
i @ protocol_client.js:1
5protocol_client.js:1 Request Debugger.setBreakpointByUrl failed. {"code":-32601,"message":"'Debugger' domain was not found","data":[{"code":-32601,"message":"'Debugger' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Runtime.runIfWaitingForDebugger failed. {"code":-32601,"message":"'Runtime' domain was not found","data":[{"code":-32601,"message":"'Runtime' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Page.setAdBlockingEnabled failed. {"code":-32601,"message":"'Page' domain was not found","data":[{"code":-32601,"message":"'Page' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Emulation.setFocusEmulationEnabled failed. {"code":-32601,"message":"'Emulation' domain was not found","data":[{"code":-32601,"message":"'Emulation' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request CSS.trackComputedStyleUpdates failed. {"code":-32601,"message":"'CSS' domain was not found","data":[{"code":-32601,"message":"'CSS' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request CSS.takeComputedStyleUpdates failed. {"code":-32601,"message":"'CSS' domain was not found","data":[{"code":-32601,"message":"'CSS' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request DOM.getDocument failed. {"code":-32601,"message":"'DOM' domain was not found","data":[{"code":-32601,"message":"'DOM' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Page.getNavigationHistory failed. {"code":-32601,"message":"'Page' domain was not found","data":[{"code":-32601,"message":"'Page' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Overlay.setShowGridOverlays failed. {"code":-32601,"message":"'Overlay' domain was not found","data":[{"code":-32601,"message":"'Overlay' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Overlay.setShowFlexOverlays failed. {"code":-32601,"message":"'Overlay' domain was not found","data":[{"code":-32601,"message":"'Overlay' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Overlay.setShowScrollSnapOverlays failed. {"code":-32601,"message":"'Overlay' domain was not found","data":[{"code":-32601,"message":"'Overlay' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Overlay.setShowContainerQueryOverlays failed. {"code":-32601,"message":"'Overlay' domain was not found","data":[{"code":-32601,"message":"'Overlay' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Overlay.setShowIsolatedElements failed. {"code":-32601,"message":"'Overlay' domain was not found","data":[{"code":-32601,"message":"'Overlay' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Page.addScriptToEvaluateOnNewDocument failed. {"code":-32601,"message":"'Page' domain was not found","data":[{"code":-32601,"message":"'Page' domain was not found"}]}
i @ protocol_client.js:1
protocol_client.js:1 Request Page.startScreencast failed. {"code":-32601,"message":"'Page' domain was not found","data":[{"code":-32601,"message":"'Page' domain was not found"}]}

[artygus]

hi @Adrriii it's expected beahviour with chrome dev tools, please see https://github.com/google/ios-webkit-debug-proxy?tab=readme-ov-file#using-with-devtools

[Adrriii]

So there is no way at all to use chrome devtools ? Right now I'm looking for any solution better than Safari's because it's so much pain

[artygus]

@Adrriii no easy way I'm aware of! you could check this project out https://inspect.dev

[Adrriii]

Thank you for the tip !