If you need to inspect a page running in iPhone Safari while working from Windows, the chain is straightforward: enable Web Inspector on the phone, install a WebKit debug proxy through Scoop, and then point Chrome's remote debugging interface at the adapter.
Enable Web Inspector on iPhone Safari
Open Settings -> Safari -> Advanced and turn on Web Inspector.
Install Scoop
Requirements:
- Windows 7 or later.
- PowerShell 3 or later.
- You can access GitHub normally and quickly to download resources (a proxy or VPN may be required).
- Your Windows username uses English characters; paths in Windows environment variables do not support Chinese characters.
Run the following commands in PowerShell, one after the other:
set-executionpolicy remotesigned -scope currentuser
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
Wait for the commands to finish.
Install the remote debugging dependencies
In CMD or PowerShell, run:
scoop bucket add extras
scoop install ios-webkit-debug-proxy
Install Node
Download and install Node from its official website, or use nvm-windows to manage Node versions.
Install remotedebug-ios-webkit-adapter
Run:
npm install remotedebug-ios-webkit-adapter -g
Debugging workflow
- Connect the iPhone to the computer with a data cable. When the phone shows a prompt, choose to trust the computer. If no prompt appears, installing iTunes may be necessary.
- Start the adapter:
remotedebug_ios_webkit_adapter --port=9000
- On the phone, open the page you want to debug in Safari.
- Open Chrome and go to
chrome://inspect/#devices. Under Discover network targets, addlocalhost:9000. Refresh the page. A Remote Target list will appear, showing the pages open in iPhone Safari. Click inspect on the page you need, and debugging can begin.