{"id":13624161,"url":"https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter","last_synced_at":"2025-04-15T20:33:23.573Z","repository":{"id":52240784,"uuid":"74258441","full_name":"RemoteDebug/remotedebug-ios-webkit-adapter","owner":"RemoteDebug","description":"Debug Safari and WebViews on iOS from tools like VS Code and Chrome DevTools","archived":true,"fork":false,"pushed_at":"2021-03-03T05:09:06.000Z","size":923,"stargazers_count":2728,"open_issues_count":0,"forks_count":220,"subscribers_count":61,"default_branch":"master","last_synced_at":"2025-01-17T20:37:48.891Z","etag":null,"topics":["chrome-devtools","debugger","devtools","ios","protocol-adapter","remotedebug","safari"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RemoteDebug.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-11-20T07:03:32.000Z","updated_at":"2025-01-17T18:47:49.000Z","dependencies_parsed_at":"2022-08-17T16:05:18.549Z","dependency_job_id":null,"html_url":"https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RemoteDebug%2Fremotedebug-ios-webkit-adapter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RemoteDebug%2Fremotedebug-ios-webkit-adapter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RemoteDebug%2Fremotedebug-ios-webkit-adapter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RemoteDebug%2Fremotedebug-ios-webkit-adapter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RemoteDebug","download_url":"https://codeload.github.com/RemoteDebug/remotedebug-ios-webkit-adapter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249148353,"owners_count":21220519,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-devtools","debugger","devtools","ios","protocol-adapter","remotedebug","safari"],"created_at":"2024-08-01T21:01:39.559Z","updated_at":"2025-04-15T20:33:22.826Z","avatar_url":"https://github.com/RemoteDebug.png","language":"TypeScript","funding_links":[],"categories":["ios","TypeScript","HarmonyOS","Alumni"],"sub_categories":["Windows Manager","Automation"],"readme":"# Update on RemoteDebug iOS WebKit Adapter\n\nRemoteDebug is now superseeded by https://inspect.dev/ – a new developer tool for macOS and Windows to inspect and debug your web apps and websites in Safari and WebViews on iOS devices 🤯🎉🔥 \n\n\u003cp\u003e\u003cstrong\u003eMaintenance status:\u003c/strong\u003e RemoteDebug iOS WebKit Adapter is not proactively maintained or extended.\n\n\u003cdetails\u003e\u003csummary\u003eOriginal readme\u003c/summary\u003e\n    \n## RemoteDebug iOS WebKit Adapter\n\nRemoteDebug iOS WebKit Adapter is an protocol adapter that Safari and WebViews on iOS to be debugged from tools like VS Code, Chrome DevTools, Mozilla Debugger.html and other tools compatible with the Chrome Debugging Protocol.\n\n![](.readme/overview.png)\n\nRead more in the introduction blog post on Medium: [Hello RemoteDebug iOS WebKit Adapter: iOS web debugging with Chrome DevTools, VS Code \u0026 Mozilla Debugger.html 📡📱](https://medium.com/@auchenberg/hello-remotedebug-ios-webkit-adapter-ios-web-debugging-with-chrome-devtools-vs-code-mozilla-2a8553df7465)\n\n## Getting Started\n\n### 1) Install dependencies\n\nBefore you use this adapter you need to make sure you have the [latest version of iTunes](http://www.apple.com/itunes/download/) installed, as we need a few libraries provided by iTunes to talk to the iOS devices.\n\n#### Linux\n\nFollow the instructions to install [ios-webkit-debug-proxy](https://github.com/google/ios-webkit-debug-proxy#installation)  and [libimobiledevice](https://github.com/libimobiledevice/libimobiledevice)\n\n#### Windows\n\nInstall [ios-webkit-debug-proxy](https://github.com/google/ios-webkit-debug-proxy#installation)  and [libimobiledevice](https://github.com/libimobiledevice/libimobiledevice). On Windows you can use [scoop](http://scoop.sh/):\n\n```\nscoop bucket add extras\nscoop install ios-webkit-debug-proxy\n```\n\n\n\n#### OSX/Mac\nMake sure you have Homebrew installed, and run the following command to install [ios-webkit-debug-proxy](https://github.com/google/ios-webkit-debug-proxy) and [libimobiledevice](https://github.com/libimobiledevice/libimobiledevice)\n\n```\nbrew update\nbrew unlink libimobiledevice ios-webkit-debug-proxy usbmuxd\nbrew uninstall --force libimobiledevice ios-webkit-debug-proxy usbmuxd\nbrew install --HEAD usbmuxd\nbrew install --HEAD libimobiledevice\nbrew install --HEAD ios-webkit-debug-proxy\n```\n\n### 2) Install latest version of the adapter\n\n```\nnpm install remotedebug-ios-webkit-adapter -g\n```\n\n### 3) Enable remote debugging in Safari\nIn order for your iOS targets to show up, you need to enable remote debugging.\n\nOpen iOS Settings =\u003e Safari preferences =\u003e enable \"Web Inspector\"\n\n### 4) Make your computer trust your iOS device.\n\nOn MacOS you can use Safari to inspect an iOS Safari tab. This will ensure the device is trusted.\n\nOn Windows starting iTunes could prompt the \"Trust this computer\" dialog.\n\n### 5) Run the adapter from your favorite command line\n\n```\nremotedebug_ios_webkit_adapter --port=9000\n```\n\nBTW: `ios-webkit-debug-proxy` will be run automatically for you, no need to start it separately.\n\n\n### 6) Open your favorite tool\n\nOpen your favorite tool such as Chrome DevTools or Visual Studio Code and configure the tool to connect to the protocol adapter.\n\n## Configuration\n\n```\nUsage: remotedebug_ios_webkit_adapter --port [num]\n\nOptions:\n  -p, --port  the adapter listening port  [default: 9000]\n  --version   prints current version\n\n```\n\n## Usage\n### Usage with Chrome (Canary) and Chrome DevTools\n\nYou can have your iOS targets show up in Chrome's `chrome://inspect` page by leveraging the new network discoverbility feature where you simple add the IP of computer running the adapter ala `localhost:9000`.\n\n![](.readme/chrome_inspect.png)\n\n### Using with Mozilla debugger.html\n\nYou can have your iOS targets show up in [Mozila debugger.html](https://github.com/devtools-html/debugger.html), by starting `remotedebug_ios_webkit_adapter --port=9222` and selecting the Chrome tab.\n\n![](.readme/debugger_html.png)\n\n### Using with Microsoft VS Code\n\nInstall [VS Code](https:/code.visualstudio.com), and the [VS Code Chrome Debugger](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome), then create a `launch.json` configuration where `port` is set to 9000, like below:\n\n```json\n{\n    \"version\": \"0.2.0\",\n    \"configurations\": [\n        {\n            \"name\": \"iOS Web\",\n            \"type\": \"chrome\",\n            \"request\": \"attach\",\n            \"port\": 9000,\n            \"url\": \"http://localhost:8080/*\",\n            \"webRoot\": \"${workspaceRoot}/src\"\n        }\n    ]\n}\n```\n\n## Architecture\nThe protocol adapter is implemented in TypeScript as Node-based CLI tool which starts an instance of [ios-webkit-debug-proxy](https://github.com/google/ios-webkit-debug-proxy), detects the connected iOS devices, and then starts up an instance of the correct protocol adapter depending on the iOS version.\n\n![](.readme/architecture.png)\n\n## How to contribute\n\n```\nnpm install\nnpm start\n```\n\n## Diagnostics logging\n\n```\nDEBUG=remotedebug npm start\n```\n\n### License\nMIT\n\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRemoteDebug%2Fremotedebug-ios-webkit-adapter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FRemoteDebug%2Fremotedebug-ios-webkit-adapter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRemoteDebug%2Fremotedebug-ios-webkit-adapter/lists"}