This article describes how to connect your iOS device and device debugging Web pages in Windows system
Must be provided
- iOS, data line
- Node.js environment
- Chrome browser
Preparing the Environment
-
Installation Node Environment
Tutorial Reference Node installation, ensure the normal use of the terminal input node -
Scoope installation and configuration
to the installation tool with the subsequent need remotedebug-ios-webkit-adapter
open powershell win at (preferably running with administrator permissions)
sequentially input:
Set-ExecutionPolicy RemoteSigned -scope CurrentUser
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
scoop bucket add extras
scoop install iOS-webkit-debug-proxy
npm install -g vs-libimobile
-
Installation remotedebug-ios-webkit-adapter
core part of the debugging process is dependent on the tool
opens powershell or other terminal software under win
npm install remotedebug-ios-webkit-adapter -g
-
iOS devices opening the Settings> Safari browser> Advanced> Web Inspector, open the option.
-
iOS devices connected to the computer, the computer trust
-
Open a terminal, execute the command:
remotedebug_iOS_webkit_adapter --port=9000
-
iOS terminal open safari browser; PC-side open Chrome, enter the
chrome://inspect/#devices
page, and add the Discover network targets localhost options: 9000 configuration.
IOS at this time to refresh the page, you can see the current page address in iOS Chrome, clickinspect
to enter debug page.
Tip:
In the first click inspect
when the white screen appears, it seems to climb the ladder