![]() Download the most recent ZIP release file of remotedebug-ios-webkit-adapter.The user bdice wrote a post on the remotedebug-ios-webkit-adapter Github Issues page describing how he was able to get this working on Windows 10 with an iOS 11 device. Evidently, the version of the remotedebug-ios-webkit-adapter downloaded via npm is broken for iOS 11. You may need some extra steps to get this working on an iOS 11 device. It should take you around 5 minutes to set this up, and you can be debugging a website in no time! Using iOS 11? Success! You can now debug the site in Safari on your iOS device, but from Chrome DevTools on your Windows machine. You should almost immediately see the website appear in Chrome under the Remote Target section: Open Safari on your iOS device and browse to a website.On your iOS device, go to Settings > Safari > Advanced and enable Web Inspector. Enable web inspector on your iOS device.Then, make sure the target “localhost:9000” is in the list: Click “Configure” next to Discover network targets: Since we set the adapter to listen on port 9000, we need to add a network target. Open up the Chrome browser and browse to chrome://inspect/#devices.Once it begins running, you will see the message remotedebug-ios-webkit-adapter is listening on port 9000 followed by iosAdapter.getTargets: I use the default Windows Firewall, so I got a dialog like this: Paste the following command into PowerShell: remotedebug_ios_webkit_adapter -port=9000 You will need to allow the plugin through your firewall as well. Start the webkit adapter plugin listening on port 9000.If you haven’t connected the devices previously, you will need to click to trust the connection on both devices. Connect your iOS device to your Windows 10 PC via USB.When that is complete, you will see an “updated 1 package in Xs” message: Use the following PowerShell command: npm install remotedebug-ios-webkit-adapter -g Install the remotedebug-ios-webkit-adapter. ![]() Right-click on Windows PowerShell and click Run as administrator. Press the Windows Key + S to search, then search for “PowerShell”. ![]() Run Windows PowerShell as administrator.When you install, make sure the package manager is selected (it is by default), as we’ll be needing that to install the webkit adapter. I actually uninstalled iTunes after ensuring those other apps were installed, but it looks like you need iTunes installed to connect devices to your PC, so you might want to keep it installed. We mostly need the Apple Mobile Device Support and Apple Application Support apps that come with iTunes. I recorded a tutorial video of this solution, step-by-step, to go along with this post: Thankfully, this solution uses the Google Chrome browser on your PC and the built-in Chrome DevTools that you should already be used to, but the content is coming from the website in Safari on the iOS device.Īccording to what I’ve read online, it appears this solution only works with Windows 8 and up, so this may not work on Windows 7. Have you ever needed to debug a website (especially JavaScript or CSS) in Safari on an iOS device but didn’t have a Mac handy? I ran into this problem, and after hours of trying other ways to debug, I finally discovered a pretty easy way to load up a debug interface on my Windows 10 PC that displayed debug info about a website in Safari on an iPad Mini. Get two free stocks valued up to $1,850 when you open a new Webull investment account through my referral link and fund the account with at least $100!
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |