Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The <a href="https://github.com/google/ios-webkit-debug-proxy" rel="nofollow noreferrer"><strong>iOS WebKit Debug Proxy</strong></a> project enables this.</p> <p><img src="https://i.stack.imgur.com/btsUQ.png" alt="screenshot"></p> <p>To get started, install with homebrew:</p> <pre><code>brew install ios-webkit-debug-proxy </code></pre> <p>Run the simulator (if running simulator):</p> <pre><code>SIM_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer "$SIM_DIR/Applications/iPhone Simulator.app/Contents/MacOS/iPhone Simulator" \ -SimulateApplication \ $SIM_DIR/SDKs/iPhoneSimulator6.1.sdk/Applications/MobileSafari.app/MobileSafari </code></pre> <p>Run the proxy:</p> <pre><code>ios_webkit_debug_proxy </code></pre> <h3>Check for errors</h3> <p>Look on the device for an error message:</p> <blockquote> <p>Could not connect to lockdownd. Exiting.: No such file or directory. Unable to attach inspector ios_webkit_debug_proxy</p> </blockquote> <p>Then check the device for a prompt <a href="https://i.stack.imgur.com/hPaqX.png" rel="nofollow noreferrer">like this</a> (iOS 7 example: )</p> <blockquote> <p>Trust the currently connected computer?</p> </blockquote> <p>Choose "Trust" and try rerunning the proxy:</p> <pre><code>ios_webkit_debug_proxy </code></pre> <h3>Open default devtools</h3> <p>Then open <code>http://localhost:9221</code></p> <p>The DevTools are, by default, an older version (from Chrome 18 circa March 2012). </p> <h3>Try modern devtools</h3> <p>Due to <a href="https://developers.google.com/chrome-developer-tools/docs/debugger-protocol" rel="nofollow noreferrer">protocol</a> changes, parts the modern DevTools frontend may not work completely. You can try by opening</p> <pre><code>chrome-devtools://devtools/bundled/inspector.html?ws=localhost:9222/devtools/pag‌​e/2 </code></pre> <p>where the <code>port</code> and <code>page</code> values are the values you're seeing from <code>http://localhost:9221</code>. Again, this may indeed be buggy.</p> <p>Read more docs at the <a href="https://github.com/google/ios-webkit-debug-proxy" rel="nofollow noreferrer">ios-webkit-debug-proxy project page</a>.</p> <hr> <p><strong>Update:</strong> This works with <a href="https://i.imgur.com/c8WkEo3.png" rel="nofollow noreferrer">iOS7 as well</a>. <strong>Update</strong>: Added fresh devtools frontend instructions via <a href="https://stackoverflow.com/users/960588/patrick">patrick</a>.. <strong>Update</strong>: Changed devtools.html to inspector.html <a href="https://code.google.com/p/chromium/issues/detail?id=529818" rel="nofollow noreferrer">for Chrome 45</a>, and the new <code>ws</code> hack via Scheintod.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload