Under Windows debugging IOS device using the Chrome page

This article describes how to connect your iOS device and device debugging Web pages in Windows system


Must be provided

  1. iOS, data line
  2. Node.js environment
  3. Chrome browser

Preparing the Environment

  1. Installation Node Environment
    Tutorial Reference Node installation, ensure the normal use of the terminal input node

  2. 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
  1. 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

  2. iOS devices opening the Settings> Safari browser> Advanced> Web Inspector, open the option.

  3. iOS devices connected to the computer, the computer trust

  4. Open a terminal, execute the command:
    remotedebug_iOS_webkit_adapter --port=9000

  5. iOS terminal open safari browser; PC-side open Chrome, enter the chrome://inspect/#devicespage, 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, click inspectto enter debug page.

Tip:
In the first click inspectwhen the white screen appears, it seems to climb the ladder

Guess you like

Origin www.cnblogs.com/ruoh3kou/p/12587012.html