Debug a Website in iOS Safari on Windows 10

  • Post author By John Washam
  • Post date May 6, 2018
  • 4 Comments on Debug a Website in iOS Safari on Windows 10

Find out how to debug a website in Safari on an iOS device using your Windows 10 PC and Chrome DevTools!

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.

[update 10/20/2019 – I’ve heard reports that this solution only works in iOS 12 and below, not iOS 13 and up. I can neither confirm or deny.]

[update 5/6/2018 – I previously included a solution that used WebIDE in the Mozilla Firefox browser, along with the Valence plugin. At some point, possibly beginning with iOS 9, that solution stopped working. I recently had a chance to try some other solutions and found an even easier solution that works with Google Chrome DevTools!]

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.

According 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.

Let’s get to it!

I recorded a tutorial video of this solution, step-by-step, to go along with this post:

Make sure the Apple Application Support and Apple Mobile Device Support apps are installed on your Windows 10 PC.

  • Install Node.js . 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.
  • Run Windows PowerShell as administrator. Press the Windows Key + S to search, then search for “PowerShell”. Right-click on Windows PowerShell and click Run as administrator .

When that is complete, you will see an “updated 1 package in Xs” message:

You will receive confirmation when Windows PowerShell successfully installed the remotedebug-ios-webkit-adapter plugin.

  • Connect your iOS device to your Windows 10 PC via USB. If you haven’t connected the devices previously, you will need to click to trust the connection on both devices.

You need to allow the remotedebug-ios-webkit-proxy-adapter through your firewall.

Once it begins running, you will see the message remotedebug-ios-webkit-adapter is listening on port 9000 followed by iosAdapter.getTargets :

Once the remotedebug-ios-webkit-adapter plugin is running, you will see iosAdapter.getTargets continually appearing in PowerShell.

Then, make sure the target “localhost:9000” is in the list:

Add the network target localhost:9000 to the list.

  • Enable web inspector on your iOS device. On your iOS device, go to Settings > Safari > Advanced and enable Web Inspector .

Once you browse to a website in Safari on your iOS device, the site will appear under Remote Targets in Chrome.

  • Click inspect under the target. Success! You can now debug the site in Safari on your iOS device, but from Chrome DevTools on your Windows machine.

It should take you around 5 minutes to set this up, and you can be debugging a website in no time!

Using iOS 11?

You may need some extra steps to get this working on an iOS 11 device. Evidently, the version of the remotedebug-ios-webkit-adapter downloaded via npm is broken for iOS 11. 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. I tested it out, and here’s the lowdown:

  • Download the most recent ZIP release file of remotedebug-ios-webkit-adapter. I downloaded version 1.8.
  • Create a new folder named “ios-webkit-debug-proxy-1.8-win64-bin” in the following path (assumes you installed Node.js in the default directory): %AppData%\npm\node_modules\remotedebug-ios-webkit-adapter\node_modules\vs-libimobile\

%AppData%\npm\node_modules\remotedebug-ios-webkit-adapter\node_modules\vs-libimobile\ios-webkit-debug-proxy-1.8-win64-bin

  %AppData%\npm\node_modules\remotedebug-ios-webkit-adapter\out\adapters\iosAdapter.js

On line 132, change the proxy variable to the following value:

const proxy = path.resolve(__dirname, '../../node_modules/vs-libimobile/ios-webkit-debug-proxy-1.8-win64-bin/ios_webkit_debug_proxy.exe');

After you have jumped through all these hoops, I would restart Windows PowerShell (as Administrator!), restart Chrome, and unplug then plug back in your iOS device, just to be safe. After doing so, go back to step 6 above, and when you get to step 9, you should now see your device under the list of Remote Targets!

I tested this out, and it definitely worked!

Have you tried debugging a website in Safari on iOS with a Windows machine before? How did it work out for you, and what tool(s) did you use? Or did you have a problem with this solution you’d like to discuss? I’d love to hear from you, so let’s discuss in the comments below!

Share this:

  • Tags chrome devtools , debug , ios , javascript , remote-ios-webkit-adapter , safari

Web Inspector Reference Enabling Web Inspector

Ios simulator.

To enable Web Inspector in Safari (or Safari Technology Preview ):

  • click the Safari (or Safari Technology Preview ) menu bar item
  • select Preferences… (or press ⌘ , )
  • go to the Advanced pane
  • check the Show Develop menu in menu bar checkbox

Show Web Inspector (or pressing ⌥ ⌘ I ) in the Develop menu or by right-clicking on any page in Safari (or Safari Technology Preview ) and selecting Inspect Element .

Once Web Inspector is enabled, the name of the current the macOS machine will appear as a submenu in the Develop menu of Safari (or Safari Technology Preview ), allowing for inspection of:

To enable remote inspection on an iOS device:

  • open the Settings app
  • go to Safari
  • scroll down to Advanced
  • enable the Web Inspector toggle

Once Web Inspector is enabled, connecting the iOS device to any macOS machine, either via a physical cable or after configuring wireless debugging in Xcode , the name of the iOS device will appear as a submenu in the Develop menu of Safari (and Safari Technology Preview ) on the connected macOS machine, allowing for remote inspection of:

  • any page in Safari
  • websites added to the home screen
  • SFSafariViewController

NOTE : in order to use remote inspection, Web Inspector must be enabled on the connected macOS machine.

Remote inspection is always enabled for iOS simulators, meaning they will also appear in the Develop menu of Safari (and Safari Technology Preview ) just like connected iOS devices.

Automatic Inspection

At the bottom of any macOS machine or iOS device submenu in the Develop menu of Safari (or Safari Technology Preview ), there are two toggles:

  • Automatically Show Web Inspector for JSContexts controls whether Web Inspector is automatically opened whenever a JSContext is created by any inspectable application on the corresponding macOS machine or iOS device.
  • Automatically Pause Connecting to JSContexts controls whether Web Inspector automatically pauses JavaScript execution when inspecting any JSContext on the corresponding macOS machine or iOS device.

safari web inspector on windows

Written June 8, 2020 by Brian Burg , Devin Rousso , Joseph Pecoraro , and Timothy Hatcher

Last updated September 8, 2020 by Devin Rousso

Remotely debugging iOS Safari on Windows and Linux

Published by himbeer on 3rd june 2021 3rd june 2021.

Note: This blog post is a mirror of the README of my GitHub repository .

Using this project you can debug your websites and web applications running in iOS Safari from a PC running Windows or Linux.

It provides a free and up-to-date alternative to the discontinued remotedebug-ios-webkit-adapter by RemoteDebug and is the spiritual successor to the abandoned webkit-webinspector by Arty Gus .

The setup scripts ( generate.sh or generate.ps1 ) download the latest version of WebKit’s built-in WebInspector and patch it to work with the WebSocket ios-webkit-debug-proxy provides and to be compatible with Chromium based browsers.

Requirements for running

  • On Windows, it will automatically be downloaded, but you must also install iTunes for it to work
  • For Linux, please follow the installation instructions .
  • If you have Python or PHP on your system, you don’t need to change anything
  • If you have Node.JS on your system, just run npm i -g http-server and you’re set.
  • like Google Chrome, Edge or Opera
  • like Epiphany/GNOME Web

Requirements for setup

  • On Windows, I suggest using git for Windows in PowerShell
  • On Linux, I suggest installing svn from your package manager

Instructions

  • Clone this repository, https://github.com/HimbeersaftLP/ios-safari-remote-debug-kit to your PC
  • On Windows, run generate.ps1 . On Linux, run generate.sh .

This will result in the folder WebKit being created inside src . It contains the WebInspector files.

  • Plug your iOS device into your PC via USB
  • On the iOS device, go to Settings->Safari->Advanced->Web Inspector and enable it
  • Open the website you want to debug in Safari
  • On Windows, run start.ps1 . On Linux, run start.sh .
  • Then open the Chromium or WebKit based browser of your choice with the following URL: http://localhost:8080/Main.html?ws=localhost:9222/devtools/page/1
  • You should be greeted with the WebInspector and can now debug to your heart’s content.
  • Two windows will open. One manages the web server and the other one is ios-webkit-debug-proxy .
  • Alternatively you can also press Ctrl+C in the web server window
  • Press Ctrl+C in the terminal window to exit

Known Issues

  • "Events" on the "Timelines" tab don’t work
  • Canvas content doesn’t show on the "Graphics" tab
  • Minor style glitches due to Webkit vs. Chromium differences

If you want to see details about how this was made, you can read a detailed explanation in in my other post here .

Attribution

  • webkit-webinspector for the idea
  • ios-webkit-debug-proxy for the ios-webkit-debug-proxy tool
  • WebKit for the WebInspector itself

Share this post:

  • Click to share on Telegram (Opens in new window)
  • Click to share on WhatsApp (Opens in new window)
  • Click to share on Twitter (Opens in new window)

13 Comments

' src=

Nicholas Fenwick · 26th June 2023 at 09:44

Hi! When trying to debug an old iPhone running iOS (and therefore Safari) 12, do we need to issue commands to change the webkit protocol to 12? I can list available pages with http://localhost:9222/ but when I try to run http://localhost:8000/Main.html?ws=localhost:9222/devtools/page/1 the Web Inspector throws an error “‘Browser’ domain was not found (at :undefined:undefined)”. This message is mentioned at https://github.com/HimbeersaftLP/ios-safari-remote-debug-kit but I am not “trying to inspect a page that is not inspectable” since this same page on a newer iPhone 16 and same URL works fine.

' src=

Himbeer · 26th June 2023 at 10:51

Hello, You can select the iOS version when running generate.sh/generate.ps1 using “-i ” or “-iOSVersion ” respectively. (You also need to run with “-f” or “-Force” if you already ran the script before to clean up the old data) Using an incompatible iOS version usually results in an “Unknown Instrument” error ( https://github.com/HimbeersaftLP/ios-safari-remote-debug-kit/issues/12 ). Does the list at http://localhost:9222/ only show this one page? The message “Error: ‘Browser’ domain was not found” usually indicates a successfull WebSocket connection but the selected page/Safari not cooperating with the debugger.

' src=

Alex Malz · 9th February 2023 at 15:06

Thank you very much for your great project! Works very well for me and is so easy to install and use!! I previously wasted hours with compiling the old webkit stuff without any benefit…

However, do you have any idea how to get it working with vs code? As vs code is capable of the chrome remote debug protocol it should work somehow. I just don’t get the correct settings for the launch.json configuration.

Thanks! Alex.

Himbeer · 9th February 2023 at 15:13

Hi Alex! You are right that VS Code is capable of the Chrome Remote Debug protocol. However, WebKit uses their own protocol, that’s why my tool bundles the WebKit inspector. There used to be a tool that could translate between the protocols ( remotedebug-ios-webkit-adaptor ) and also a VS Code extension with the same purpose ( vscode-ios-web-debug ), however those are sadly both deprecated (which is the reason I made this project, as running the WebKit inspector is far less maintenance effort than keeping up to date with the inspector protocol).

Alex · 9th February 2023 at 16:31

Thanks for your reply and – again – your great work!

Himbeer · 9th February 2023 at 16:33

You’re welcome!

' src=

EVC · 26th July 2022 at 15:09

“This site can’t be reached

localhost refused to connect.

ERR_CONNECTION_REFUSED”

Himbeer · 10th August 2022 at 23:14

Edit the powershell script to use another web server

' src=

Rodrigo · 16th February 2022 at 13:13

Thanks for the repo and the blog. I have managed to install most of it but the web server is not loading in Chrome. I get localhost refused to connect.

I tried going directly to http://localhost:9222/ and there it shows my ipad and the web I want to debug that is open but when going to http://localhost:9222/devtools/page/1 it says:

404. That’s an error.

The requested URL /devtools/page/1 was not found. Frontend is disabled

It is using Python3 to serve the WebInspector

Himbeer · 19th February 2022 at 10:57

Hello! Using the python (or other) webserver instead of the page served by the ios-webkit-debug-proxy is necessary as the latter is very outdated. It looks like there might be something else already using port 8080 on your machine that causes the webserver of my script not to load. Try changing the port number in the script.

' src=

Joe · 21st June 2021 at 20:50

Hi, I just wanted to write and say THANK YOU VERY MUCH for making these scripts available, and also for taking the time to document everything. I had been pulling my hair out trying to just simply get proper error messages from iOS Safari console. Apple is totally unreasonable with their restricted access to the crippled web browser on iOS, and they furthermore prevent you from really having any other alternatives either because every browser is on iOS is still running the webKit engine as a rule. People like you, however, are making a difference, and I just wanted to say thanks for the effort. If there is a place to make a donation to you, I’d be willing to do so because you have saved me hundreds of dollars by circumventing the necessity to buy an actual Mac just to test my software against their awfully crippled browser, Safari. Your efforts are much appreciated. Thanks, Joe.

Himbeer · 8th July 2021 at 12:03

Thank you for your cheerful comment! I am very glad my project turned out useful for you. I appreciate your offer, but I think there are places that need a donation more than me ^^. btw I love the animations on your website 😀

Joe Harris · 8th July 2021 at 18:31

Thank you once again! 🙂

Leave a Reply Cancel reply

Related posts.

Screenshot of the WebKit WebInspector

How I brought back iOS Safari remote debugging to Windows and Linux

Here’s how I managed to get a local copy of the WebKit WebInspector working with Google’s ios-webkit-debug-proxy on iOS 14.6 in 2021.

DaVinci Resolve window after enabling 2x scaling

Fixing DaVinci Resolve high-DPI scaling on Windows

After opening Resolve for the first time since I have upgraded to an UHD-monitor I noticed that something was off: Everything is way to small even though I had set my display scaling in Windows Read more…

Screenshot of the channel list decoder website

Decoding my satellite-receiver’s channel list file

TL;DR? Click here to jump directly to the decoding website: Preamble So I have this Triax-Hirschmann S-930 DVB-S2 satellite television receiver. It has a feature that allows exporting the channel list to a USB-Drive which Read more…

Search code, repositories, users, issues, pull requests...

Provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

  • Notifications

Remotely debugging iOS Safari on Windows and Linux

HimbeersaftLP/ios-safari-remote-debug-kit

Folders and files, repository files navigation, remote debugging ios safari on windows and linux.

Using this project you can debug your websites and web applications running in iOS Safari from a PC running Windows or Linux.

It provides a free and up-to-date alternative to the discontinued remotedebug-ios-webkit-adapter by RemoteDebug and is the spiritual successor to the abandoned webkit-webinspector by Arty Gus . It is a free and open source alternative to inspect.dev.

The setup scripts ( generate.sh or generate.ps1 ) download the latest version of WebKit's built-in WebInspector and patch it to work with the WebSocket ios-webkit-debug-proxy provides and to be compatible with Chromium based browsers.

Requirements for running

  • On Windows, it will automatically be downloaded, but you must also install and trust the device in iTunes for it to work
  • For Linux, please follow the installation instructions .
  • If you have Python or PHP on your system, you don't need to change anything
  • If you have Node.JS on your system, just run npm i -g http-server and you're set.
  • like Google Chrome, Edge or Opera
  • like Epiphany/GNOME Web

Requirements for setup

  • On Windows, I suggest using git for Windows in PowerShell
  • On Linux, I suggest installing git from your package manager

Instructions

  • Clone this repository to your PC
  • On Windows, run generate.ps1 . On Linux, run generate.sh .

This will result in the folder WebKit being created inside src . It contains the WebInspector files.

  • Plug your iOS device into your PC via USB
  • On Windows, open iTunes and mark the iOS device as trusted (pop-up asks for confirmation the first time you connect a new device)
  • On the iOS device, confirm that you trust the connection if asked
  • Go to Settings->Safari->Advanced->Web Inspector and enable it
  • Open the website you want to debug in Safari
  • On Windows, run start.ps1 . On Linux, run start.sh . Make sure your iOS device's screen is unlocked.
  • The ios-webkit-debug-proxy will show your iOS device's name as connected.
  • If you have mutliple pages open or extensions installed, refer to http://localhost:9222/ for the page number that is at the end of the URL
  • You should be greeted with the WebInspector and can now debug to your heart's content.

Troubleshooting

  • If you get an error like Uncaught (in promise) Error: 'Browser' domain was not found from Connection.js:162 you are trying to inspect a page that is not inspectable (this could be caused by having Safari extensions installed). Refer to http://localhost:9222/ for the available pages and put the correct one at the end of the URL (for example http://localhost:8080/Main.html?ws=localhost:9222/devtools/page/2 ) for inspecting the second page.
  • If you get an error like WebSocket connection to 'ws://localhost:9222/devtools/page/1' failed: from InspectorFrontendHostStub.js:68 , try unplugging your device and plugging it back in while the site you want to debug is open in Safari. Once you see the ios-webkit-debug-proxy console window display a message like Connected :9222 to Himbeers iPad (...) , refresh the inspector page inside your browser (do not use the refresh button on the inspector page, refresh the entire site from your browser).
  • Two windows will open. One manages the web server and the other one is ios-webkit-debug-proxy .
  • Alternatively you can also press Ctrl+C in the web server window
  • Press Ctrl+C in the terminal window to exit

Known Issues

  • "Events" on the "Timelines" tab don't work
  • Canvas content doesn't show on the "Graphics" tab
  • Minor style glitches due to Webkit vs. Chromium differences

If you want to see details about how this was made, you can read a detailed explanation in HOW_IT_WORKS.md (note that this document only describes how the very first version of this tool was created and might not be completely up-to-date).

Attribution

  • webkit-webinspector for the idea
  • ios-webkit-debug-proxy for the ios-webkit-debug-proxy tool
  • WebKit for the WebInspector itself

Contributors 6

@HimbeersaftLP

  • PowerShell 35.9%
  • JavaScript 34.7%
  • Shell 28.4%

DEV Community

DEV Community

Liu Yongliang

Posted on Oct 28, 2021

How to debug iPhone Safari on Windows

Want to ensure that your website & web application works across different screen sizes and devices? One of the must-dos is to check that it works well on iPhone Safari(as you know, people tend to stick with the defaults and one does not simply tell the user to download another web browser .-.).

Here's how I debugged a display issue on my website and hopefully it will save you some time when sh*t happens :)

  • Problem: something wrong with your website, perhaps due to CSS or JS, but you don't know why.
  • iPhone with Safari

You may be testing your website on your iPhone Safari browser, you realized something is wrong and you want to access the debug console to check any relevant error messages. One available tool is Inspect (not affiliated, just something that worked)

  • Create an account (free 30 days trial)
  • Download the installer for your OS
  • Setup and connect your iPhone according to the instructions given

After setting it up, I was able to discover an error message in my debug console:

"ResizeObserver loop completed with undelivered notifications"

...Which I have no idea what that means. So, what else can be done?

If the above does not solve your problem, you might want to find out if you have accidentally introduced a CSS feature that is not yet supported. To do this, you may want to search for the feature on caniuse . Here is how I found out that the CSS property: aspect-ratio is not fully supported on all iPhone Safari:

  • Check caniuse CSS property: aspect-ratio

Check your iPhone Safari Settings (as you will see, there are a ton of properties and features that are experimental and not enabled by default)

settings

Cry over hours of wasted time

That's all. Go back to coding...

Top comments (1)

pic

Templates let you quickly answer FAQs or store snippets for re-use.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink .

Hide child comments as well

For further actions, you may consider blocking this person and/or reporting abuse

abhisheksinha profile image

Learnt Next.JS in 1 week!! and here is GenAI Chat

Abhishek Sinha - Mar 6

syakirurahman profile image

Help Me Find This Website

Syakir Rahman - Mar 28

biancapereira profile image

Como criar um grupo de estudos de programação?

Bianca Pereira - Mar 18

zoltanszogyenyi profile image

Open-source timepicker components for Tailwind CSS

Zoltán Szőgyényi - Mar 27

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

  • React Native

How to show Safari’s Develop menu and Web Inspector

( 7 Articles )

safari web inspector on windows

April 25, 2022

safari web inspector on windows

If you’re a web developer, then there might be cases where you want to debug and improve your website (or web app) on Safari (which takes approximately 19% of browser market share worldwide).

The steps below show you how to show Safari’s Develop menu and its web inspector tool.

1. Click on Safari on the top menu bar, then select Preferences…

safari web inspector on windows

2. Select the Advanced tab then check the checkbox labeled with “Show Develop menu in menu bar”:

safari web inspector on windows

3. Now the Develop menu appears. Open a website, click on Develop , and select Show Web Inspector (or Connect Web Inspector ) from the drop-down menu:

safari web inspector on windows

You can also use shortcuts: Command + Option + I .

Here’re Safari Dev Tools for web developers:

safari web inspector on windows

That’s it. Further reading:

  • How to Easily Upgrade Node.js in macOS
  • How to install Redis on macOS, Windows, and Ubuntu

Xcode: Change Derived Data and Archives directories

  • VS Code: Opening Multiple Windows/Projects Simultaneously
  • VS Code: Prevent Single-Child Folders from Being Merged

Happy coding and have a nice day!

guest

Related Articles

safari web inspector on windows

How to Flush DNS Cache in macOS Monterey, Big Sur, and Catalina

May 7, 2022

safari web inspector on windows

How to check your macOS version from Terminal

safari web inspector on windows

How to Download and Install an iOS Simulator in Xcode

safari web inspector on windows

How to check if Homebrew is installed on your Mac

April 20, 2022

safari web inspector on windows

How to completely uninstall Logitech Options on Mac

  • Get It Now: Cell Phone Booster
  • The Best Noise-Canceling Headphones to Buy

How to Activate the iPhone Debug Console or Web Inspector

Use Safari's web developer tools to study problematic websites

safari web inspector on windows

  • Saint Mary-of-the-Woods College
  • Switching from Android

What to Know

  • Activate Web Inspector on iOS: Go to Settings > Safari > Advanced and move the Web Inspector toggle switch to the On position.
  • Use Web Inspector on macOS: Connect your iOS device to a Mac and choose the URL to inspect from the Develop menu.

If you run into a bug or another issue with a website on Safari mobile, use the Web Inspector tool to investigate. This article explains how to use the Safari console for iPhone to debug errors with the help of your Mac computer. Instructions apply to iPhones with iOS 14, iOS 12, or iOS 11, and well as Macs with macOS Big Sur (11.0), macOS Catalina (10.15), or macOS Mojave (10.14).

Activate Web Inspector on Your iPhone or Other iOS Device

The Web Inspector is disabled by default since most iPhone users have no use for it. However, if you're a developer or you're curious, you can activate it in a few short steps. Here's how:

Open the iPhone  Settings  menu.

On an iPhone with an early version of iOS, access the Debug Console through Settings > Safari > Developer > Debug Console . When Safari on the iPhone detects CSS, HTML, and JavaScript errors, details of each display in the debugger.

Scroll down and tap  Safari  to open the screen that contains everything related to the Safari web browser on your iPhone, iPad, or iPod touch.

Scroll to the bottom of the page and select Advanced .

Move the Web Inspector toggle switch to the On position.

Connect Your iOS Device to Safari on a Mac

To use the Web Inspector, connect your iPhone or another iOS device to a Mac that has the Safari web browser and enable the Develop menu .

With Safari open, select Safari from the menu bar and choose  Preferences .

Select the  Advanced  tab.

Select the Show Develop menu in menu bar check box and close the settings window.

From the Safari menu bar, select Develop and choose the name of your attached iOS device, then select the URL that appears under Safari to open the debug console for that site.

After you connect your device, use your Mac to inspect the website you want to debug and have it open in the Safari mobile browser.

What Is Web Inspector?

Web developers use Web Inspector to modify, debug, and optimize websites on Macs and iOS devices. With Web Inspector open, developers can inspect the resources on a web page. The Web Inspector window contains editable HTML and notes regarding the styles and layers of the web page in a separate panel.

Before iOS 6, the iPhone Safari web browser had a built-in Debug Console that developers used to find web page defects. Recent versions of iOS use Web Inspector instead.

With Safari 9 and OS X Mavericks (10.9), Apple introduced Responsive Design Mode in Web Inspector. Developers use this built-in simulator to preview how web pages scale to different screen sizes, resolutions, and orientations.

To set up Web Inspector on your iPad, open your iPad's Settings and select Safari > Advanced , then turn Web Inspector On . Connect the iPad to a Mac computer, then open Safari on the Mac and select Safari > Preferences > Advanced , then turn on Show Develop menu in menu bar .

You cannot just connect your iPhone to a Windows PC and start using Web Inspector through Chrome like you can with a Mac. Installing package manager software can provide you a sort of workaround, but it's not recommended unless you're familiar with the package management app you intend to use.

Get the Latest Tech News Delivered Every Day

  • Add More Features by Turning on Safari's Develop Menu
  • How to Use Web Browser Developer Tools
  • How to Activate and Use Responsive Design Mode in Safari
  • How to Clear Search History on iPhone
  • What Is Safari?
  • How to Inspect an Element on a Mac
  • 4 Ways to Play Fortnite on iPhone
  • 10 Hidden Features in macOS Sonoma
  • How to Disable JavaScript in Safari for iPhone
  • How to Manage History and Browsing Data on iPhone
  • How to View HTML Source in Safari
  • How to Manage Cookies in the Safari Browser
  • How to Change Your Homepage in Safari
  • How to Clear Private Data, Caches, and Cookies on Mac
  • How to Reset Safari to Default Settings
  • How to Manage Your Browsing History in Safari

The mobile DevTools you'll love using

Inspect is a developer tool that enables you to inspect and debug your web apps and websites on ios and android from macos, windows and linux..

Thumbnail of video

Join the best

You are in good hands.

Engineers from these companies are already happy (Inspect)ors, more productive and saving time.

Why Inspect?

Debug the web on ios devices.

Inspect enables to you debug Safari and WebViews on your iOS device.

Debug the web on Android

Inspect enables you to debug Chrome and WebViews on your Android device.

No new hardware needed

No new hardware needed. Inspect is provides a software-only solution that works across platforms.

UI from Chrome DevTools

Inspect is built on Chrome DevTools, so you feel right at home from day one.

Inspect over Wifi (on MacOS)

Inspect supports debugging of iOS devices over WIFI on macOS. It's time to let go of the cables.

Screencasting (experimental)

Inspect gives you screencasting for iOS and Android so you can see your changes as you go. All without leaving Inspect.

Works on macOS, Linux and Windows

Inspect and debug your web apps and websites on iOS and Android from macOS, Windows and Linux.

  • Bahasa Indonesia
  • Sign out of AWS Builder ID
  • AWS Management Console
  • Account Settings
  • Billing & Cost Management
  • Security Credentials
  • AWS Personal Health Dashboard
  • Support Center
  • Expert Help
  • Knowledge Center
  • AWS Support Overview
  • AWS re:Post

CVE-2024-3094

Publication Date: 2024/03/29 12:30 PM PST CVE Identifier: CVE-2024-3094

AWS is aware of CVE-2024-3094, which affects versions 5.6.0 and 5.6.1 of the xz-utils package. This issue may attempt to introduce security issues in openssh through the use of liblzma within some operating system environments. Amazon Linux customers are not affected by this issue, and no action is required. AWS infrastructure and services do not utilize the affected software and are not impacted. Users of Bottlerocket are not affected.

Customers using other operating systems are advised to refer to information provided by the OS vendor to address any concerns originating from this reported issue.

Security-related questions or concerns can be brought to our attention via [email protected] .

deprecated-browser pixel tag

Ending Support for Internet Explorer

IMAGES

  1. Safari Web Inspector Installation in Windows -Tutorial Savvy

    safari web inspector on windows

  2. How to inspect request and response headers on Safari?

    safari web inspector on windows

  3. How to Inspect Element: Simple Methods for Editing a Web Page

    safari web inspector on windows

  4. Safari Web Inspector Installation in Windows -Tutorial Savvy

    safari web inspector on windows

  5. About Safari Web Inspector

    safari web inspector on windows

  6. State of Web Inspector

    safari web inspector on windows

VIDEO

  1. Debug a Website in iOS Safari from a Windows 10 PC

  2. Mobile Safari Web Inspector

  3. Developer Tools Tutorial

  4. Web Inspector with Mobile Safari

  5. iPhone 12: How to Enable/Disable Web Inspector In Safari

  6. Running Safari 16 on Windows is EASY!!!

COMMENTS

  1. Accessing iOS Safari Web Inspector from Windows Machine

    The inspector can be started by adding a script to your page or running a bookmarklet. weinre is a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.

  2. Web Inspector

    Overview. Web Inspector helps you inspect all the resources and activity on webpages, Service Workers, Mac and Home Screen web apps, and JavaScript running inside your applications, making development more efficient across Apple platforms. The clean, unified design puts each core function in a separate tab, which you can rearrange to fit your ...

  3. Tools

    Web development tools. Apple has brought its expertise in development tools to the web. Safari includes Web Inspector, a powerful tool that makes it easy to modify, debug, and optimize websites for peak performance and compatibility on both platforms. And with Responsive Design Mode, you can preview your web pages in various screen sizes ...

  4. Debug a Website in iOS Safari on Windows 10

    Press the Windows Key + S to search, then search for "PowerShell". Right-click on Windows PowerShell and click Run as administrator. Install the remotedebug-ios-webkit-adapter. Use the following PowerShell command: npm install remotedebug-ios-webkit-adapter -g. When that is complete, you will see an "updated 1 package in Xs" message:

  5. Enabling Web Inspector

    To enable Web Inspector in Safari(or Safari Technology Preview): click the Safari(or Safari Technology Preview) menu bar item. select Preferences…. (or press ⌘,) go to the Advancedpane. check the Show Develop menu in menu barcheckbox. Show Web Inspector(or pressing ⌥⌘I) in the Developmenuor by right-clicking on any page in Safari(or ...

  6. Remotely debugging iOS Safari on Windows and Linux

    On the iOS device, go to Settings->Safari->Advanced->Web Inspector and enable it; Open the website you want to debug in Safari; On Windows, run start.ps1. On Linux, run start.sh. Then open the Chromium or WebKit based browser of your choice with the following URL: ...

  7. Remote Debugging iOS Safari on Windows and Linux

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window.

  8. About Safari Web Inspector

    Web Inspector shows you the structure of your DOM as perceived by Safari's rendering engine, WebKit. But the DOM isn't all you can inspect. External resources and locally stored data—such as scripts, stylesheets, and offline storage—can be inspected, providing insight to the data available to your web content.

  9. How to debug iPhone Safari on Windows

    Check your iPhone Safari Settings (as you will see, there are a ton of properties and features that are experimental and not enabled by default) Go to settings -> Safari. Go to Advanced. Enable Web Inspector (will be required if you use a tool like Inspect) Check if you are ahead of your time (Experimental Features) Cry over hours of wasted time.

  10. How to show Safari's Develop menu and Web Inspector

    1. Click on Safari on the top menu bar, then select Preferences…. 2. Select the Advanced tab then check the checkbox labeled with "Show Develop menu in menu bar": 3. Now the Develop menu appears. Open a website, click on Develop, and select Show Web Inspector (or Connect Web Inspector) from the drop-down menu: You can also use shortcuts ...

  11. How to Debug on iPhone Safari for Windows

    Hover over the desired handset. (Let's take iPhone 11 Pro for this example) From the two options available - Chrome and Safari icon. Click on the Safari logo. Clicking on the Safari icon will initiate a new Safari session on a real iPhone 11 Pro. Now, the user can navigate to the desired website that needs to be debugged.

  12. Debug a Website in iOS Safari from a Windows 10 PC

    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 a...

  13. Debugging Web Applications on iOS with Windows 10

    Step 2: Plug in your apple device. Step 3: Start the remote debug package on an unused port: remotedebug_ios_webkit_adapter --port=9000. Step 4: Open chrome on windows, and navigate to device ...

  14. Enabling Web Inspector

    Enabling Web Inspector. To start using Web Inspector, you must first enable the Develop menu. Enable the Develop Menu. Choose Safari > Preferences, and click Advanced. At the bottom of the pane, select the "Show Develop menu in menu bar" checkbox. Choose Develop > Show Web Inspector.

  15. ios

    Enable web inspector on iOS (available on iOS 6 and later). Open Safari on your iOS device and browse to a website. Open Firefox on your Windows machine and press Shift + F8 to open WebIDE, which should include the necessary Valance add-on, if you use Firefox Developer Edition (any version) or Firefox 37 and later (any channel).

  16. How to Activate the Web Inspector or Safari Console for iPhone

    Activate Web Inspector on iOS: Go to Settings > Safari > Advanced and move the Web Inspector toggle switch to the On position. Use Web Inspector on macOS: Connect your iOS device to a Mac and choose the URL to inspect from the Develop menu. If you run into a bug or another issue with a website on Safari mobile, use the Web Inspector tool to ...

  17. Get Oriented

    Before you start using Web Inspector, familiarize yourself with its organization and interface. Enabling Web Inspector. To start using Web Inspector, you must first enable the Develop menu. To do so, enable the "Show Develop menu in menu bar" setting found in Safari's preferences under the Advanced pane, as shown in Figure 1-1.

  18. Inspect

    Inspect is a new developer tool for macOS, Linux and Windows to inspect and debug your mobile web apps and websites on iOS devices. Products. Inspect. The standalone DevTools. Inspect CLI New. Debug the web from CI & other tools. ... Inspect enables to you debug Safari and WebViews on your iOS device. Debug the web on Android.

  19. CVE-2024-3094

    CVE Identifier: CVE-2024-3094. AWS is aware of CVE-2024-3094, which affects versions 5.6.0 and 5.6.1 of the xz-utils package. This issue may attempt to introduce security issues in openssh through the use of liblzma within some operating system environments. Amazon Linux customers are not affected by this issue, and no action is required. AWS ...

  20. How to Inspect Element using Safari Browser

    228. In your Safari menu bar click Safari > Preferences & then select the Advanced tab. Now you can click Develop in your menu bar and choose Show Web Inspector. See the detailed guide here for more info: LINK. You can also right-click and press "Inspect element". EDIT As suggested by @dennis in the comments: If you dont see "Show Develop menu ...

  21. Adding a web development tool to Safari Web Inspector

    To tell Safari to add your tool as a tab in Web Inspector, you must create the inspector tab in your extension using browser.devtools.panel.create(). Don't conditionally create the inspector tab after you check permissions; if you do, Safari won't add a tab for your tool. Let Safari handle permissions with its dialogs; then update your user ...

  22. Inspecting iOS and iPadOS

    Enabling inspecting your device from a connected Mac. Before you can connect your device to a Mac to inspect it, you must allow the device to be inspected. Open the Settings app. Go to Safari. Scroll down to Advanced. Enable the Web Inspector toggle. Now, connect the device to your Mac using a cable. In Safari, the device will appear in the ...