• 9 Free Online Earth Day Games for Kids
  • The Best Gadgets for The Beach or Pool

How to Activate the iPhone Debug Console or Web Inspector

Use Safari's web developer tools to study problematic websites

safari iphone open console

  • 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
  • 4 Ways to Play Fortnite on iPhone
  • How to Activate and Use Responsive Design Mode in Safari
  • How to Inspect an Element on a Mac
  • What Is Safari?
  • How to Clear Search History on iPhone
  • How to Use Web Browser Developer Tools
  • How to Disable JavaScript in Safari for iPhone
  • 10 Hidden Features in macOS Sonoma
  • 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 Tech Edvocate

  • Advertisement
  • Home Page Five (No Sidebar)
  • Home Page Four
  • Home Page Three
  • Home Page Two
  • Icons [No Sidebar]
  • Left Sidbear Page
  • Lynch Educational Consulting
  • My Speaking Page
  • Newsletter Sign Up Confirmation
  • Newsletter Unsubscription
  • Page Example
  • Privacy Policy
  • Protected Content
  • Request a Product Review
  • Shortcodes Examples
  • Terms and Conditions
  • The Edvocate
  • The Tech Edvocate Product Guide
  • Write For Us
  • Dr. Lynch’s Personal Website
  • The Edvocate Podcast
  • Assistive Technology
  • Child Development Tech
  • Early Childhood & K-12 EdTech
  • EdTech Futures
  • EdTech News
  • EdTech Policy & Reform
  • EdTech Startups & Businesses
  • Higher Education EdTech
  • Online Learning & eLearning
  • Parent & Family Tech
  • Personalized Learning
  • Product Reviews
  • Tech Edvocate Awards
  • School Ratings

Reading Groups: Everything You Need to Know

Product review of the ultenic p30 grooming kit, reading anxiety in children: everything you need to know, iep meetings and parent-teacher conferences: everything you need to know, college disability services and accommodations: everything you need to know, spam vs. phishing: how are these unwanted messages different, how to charge your iphone properly, encouraging your teenager to read: everything you need to know, 8 ways to service an air conditioner, 3 ways to stop a baby from vomiting, how to activate the iphone debug console or web inspector.

safari iphone open console

As an iPhone user, there are times when you may run into issues or encounter bugs while using your device. In such cases, it may be necessary to activate the iPhone debug console or web inspector to get more information about the issue and troubleshoot it effectively.

The iPhone debug console and web inspector are powerful tools that allow you to inspect and debug web pages, apps, and other content on your iPhone. They are essential for developers and advanced users who want to delve deeper into the functionalities of their device.

Here’s how to activate the iPhone debug console or web inspector:

1. Connect your iPhone to your computer using a lightning cable.

2. Launch Safari on your computer.

3. In Safari’s preferences, click on the Advanced tab.

4. Check the “Show Develop menu in menu bar” option to enable it.

5. On your iPhone, open the Settings app, go to Safari, and then select Advanced.

6. Turn on the “Web Inspector” and “JavaScript Console” options.

7. Open the app or web page that you want to inspect on your iPhone.

8. On your computer, click on the Develop menu in Safari, and then select your iPhone’s name.

9. You should now see a list of open tabs and windows on your iPhone.

10. Click on the tab or window you want to inspect, and the Safari web inspector will open.

With the web inspector open, you can inspect the HTML, CSS, and JavaScript code of the web page or app. You can also see the network requests, resources, and console logs.

To access the JavaScript console, click on the “Console” button in the web inspector. This will open a console where you can enter JavaScript commands and see the output.

Similarly, to access the iPhone debug console, click on the “Debug” button in the web inspector. This will open a console where you can see debug information and errors.

In conclusion, activating the iPhone debug console or web inspector is easy and can be helpful in troubleshooting issues with your device. With these powerful tools at your disposal, you can inspect and debug web pages and apps like a pro.

How to Hide Specific Facebook Posts From ...

A short guide to mms picture messaging.

' src=

Matthew Lynch

Related articles more from author.

safari iphone open console

How to Change Facebook to Dark Mode

safari iphone open console

How to Fix Corrupted Files in Windows 11

safari iphone open console

How to Cancel Audible

safari iphone open console

How to Use the Yahoo App on Android

safari iphone open console

How to Fix a Dell Laptop That Won’t Turn On

safari iphone open console

How to Unlock an HP Laptop

David Lozzi

  • Debugging Safari/Chrome on your iPhone/iPad/iOS device

safari iphone open console

In the world of modern web development, Web 2.0 (or is it 3.0?), with HTML5, CSS3, ES6, and frameworks and libraries up the wazoo, our web apps and sites always work seamlessly and flawlessly across all the browsers and devices… hahaha, I know…

The reality is, web development, as great and modern as it is, can have little caveats and nuances across the different browsers: Chrome, Safari, FireFox, Edge, and the Mac/Windows/Linux/iOS/Android versions of each. Thankfully, the big contenders like Netscape (those were the days) and Internet Explorer have finally been deprecated and are no longer expected to be supported in the wild. Even with the great modern web, we still have issues once in a while.

In my recent efforts in troubleshooting one small “nuance” between Chrome on Mac and Chrome and Safari on iOS (yes, all three were acting differently), I needed to debug my browser on my iPad and/or iPhone. I won’t get into what the issue is here, instead, I’ll get into how we can debug the browsers on our iOS devices. I’ve searched for many options, some worked, some didn’t, so below is what worked for me.

All steps below are all running on my:

  • MacBook Pro 16-inc, M1 Pro, running macOS Ventura 13.6
  • iPad Air (4th) v15.3.1
  • iPhone 14 Pro Max iOS v17.0.3

What are we debugging

Before we get started in debugging, we should cover what we’re debugging. In the following debugging methods, we can debug anything our browser can get to: netflix.com, google.com, or our public website. With CI/CD in place, I can make code changes and get them into my dev environment in under 5 minutes, and that suffices at times. I can then hit the site directly on my iPhone and debug as needed.

Sometimes, if I’m really diving into a granular issue and don’t want to wait, I like to use ngrok. Ngrok spins up a gateway from a public address to your local dev machine. This allows me to troubleshoot realtime on my mobile browser while writing the code on my laptop. It’s pretty slick and has saved me a lot of time. I can even share the ngrok address with my colleagues and they can access it on my local machine too! Another option would be to set up DNS for your iPhone to navigate to your laptop while on the same wifi network, and that’s not worth the effort in my book.

Debugging in Chrome on iOS

This is great quick way to check out your console messages without using your Mac.

  • In Chrome on your iPad or iPhone, go to chrome://inspect and then press Start Logging .
  • Now go do your thing in another tab, keeping this tab open.
  • Come back anytime to see any and all console outputs!

See, no laptop/desktop needed, just do it on the mobile device.

This is as far as we can get with Chrome on iPhone/iPad. From my limited understanding, Chrome for iOS uses a WKWebView which gets difficult to actually attach to and debug. If the JavaScript console output isn’t enough, try Safari…

Debugging in Safari on iOS

This is a great method of debugging your iOS devices as it gives you the closest thing to actually debugging on your computer. With this method you can use the dev tools on your Mac to connect to your iOS Safari browser. It’s pretty sweet.

  • On your Mac , open Safari, then go to Safari > Settings.
  • Click Advanced and click Show Develop menu in menu bar at the bottom of the window. Close the window.
  • On your iPad or iPhone , go to Settings > Safari > Advanced.
  • Scroll to the bottom and enable Web Inspector .

For this next part, I recommend using a USB cable to attach your iOS device to your Mac. You might get away with doing this over Wifi, as I have in the past, but it’s not reliable .

  • Connect your device to your Mac using a USB cable, or try the following over Wifi.
  • On your Mac, in Safari, click the Develop menu.
  • Near the top of the menu you should see your iPad or iPhone listed.
  • Hover over your device in the menu and you’ll see Safari with each tab listed below. Click the one you want to debug.
  • The Web Inspector should then appear, now debug it: Elements, Console, Sources, Network, all of it should work!

Good enough for now

Between these two techniques, I’ve been able to troubleshoot my issues quite successfully. Generally, iOS Safari and Chrome act relatively the same, so debugging in Safari helps me clear my Chrome issue. And if it doesn’t I can always throw in more console.log s and see what Chrome is actually doing. Ideally, we should be able to debug the code directly on Chrome, like we can do with Safari, but at this time it’s just not possible.

One other option, for a cost: inspect.dev

There’s a product called inspect.dev that boasts it can debug Safari, Webviews, and Chrome from macOS, Windows, and Linux. Learn more at https://inspect.dev/why . I have not tried them out, I don’t want to pay for something that should be free for developers (hence this blog post).

Let me know if you know other ways to debug your mobile browsers! Leave a comment below or let’s connect on Twitter .

‘Til next time, happy debugging!

Please share the love!

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to email a link to a friend (Opens in new window)
  • Click to print (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on Pocket (Opens in new window)
  • Click to share on WhatsApp (Opens in new window)

7 thoughts on “ Debugging Safari/Chrome on your iPhone/iPad/iOS device ”

You should also check out using x-code’s simulator. Safari Dev Tools can attach to the Safari session on the simulator and you’re off to the races!

Oh yea, i just found that and then forgot that… thanks I’ll check it out closer and share my findings!

Thanks for article. One small correction Chrome for iOS uses WKWebView.

Thanks for the fix! will update

  • Pingback: [FIXED] The image is taking the original dimentions of it on the phone after deployment - Learn How to FIX your angular code

Thanks bro! I’ll follow yours steps, wish me luck.

Leave a Reply Cancel reply

  • Collaboration
  • Microsoft Forms
  • Microsoft Planner
  • Microsoft Power Apps
  • Microsoft Power Automate (Flow)
  • Microsoft Teams
  • Microsoft To-Do
  • Office 365 Hybrid
  • Office 365 SharePoint Online
  • Productivity
  • SharePoint 2013 Administration
  • SharePoint 2013 Apps
  • SharePoint 2013 Development
  • SP2010 Administration
  • SP2010 Authentication
  • SP2010 Customization
  • SP2010 Infrastructure
  • SP2010 User
  • SP2010 Workaround
  • Uncategorized
  • Users Don't Like SharePoint

Top Posts & Pages

  • Sending a beautifully formatted email from Power Automate (Flow)
  • Saving data from Microsoft Forms into Excel using Power Automate (Flow)
  • Best practices for working with data in Microsoft PowerApps
  • When Power Automate (Flow) can't find your Microsoft Form
  • How to work with large lists in Office 365 SharePoint Online
  • Use Microsoft Forms to collect data right into your Excel file
  • Tips to entertain your users while PowerApps gets their data, i.e. loading screens
  • Storing your SharePoint files outside of the database (RBS)
  • Squeezing a little more formatting out of Microsoft Forms
  • Stack Overflow

RSS feed

  • 2,079,982 hits

Discover more from David Lozzi

Subscribe now to keep reading and get access to the full archive.

Type your email…

Continue reading

View in English

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, orientations, and resolutions. Access these tools by enabling the Develop menu in Safari’s Advanced preferences.

Web Inspector

Web Inspector is your command center, giving you quick and easy access to the richest set of development tools ever included in a web browser. It helps you inspect all of the resources and activity on a web page, 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 workflow. You can even debug memory using Timelines and tweak styles using widgets for over 150 of the most common CSS properties.

safari iphone open console

Elements. View and inspect the elements that make up the DOM of a web page. Clicking elements from the fully editable markup tree on the left reveals the node’s styles in the middle sidebar, with more details in the right sidebar.

safari iphone open console

Console. Type JavaScript commands in the console to interactively debug, modify, and get information about your webpage. View logs, errors, and warnings emitted from a webpage, so you can identify issues fast and resolve them right away.

safari iphone open console

Sources. Find every resource of a webpage, including documents, images, scripts, stylesheets, and more. Use the built-in debugger with data type and code highlights to troubleshoot and understand the script execution flow.

safari iphone open console

Network. See a detailed list of all network requests made to load every web page resource, so you can quickly evaluate the response, status, timing, and more.

safari iphone open console

Timelines. Understand all the activity that occurs on an open web page, such as network requests, layout and rendering, JavaScript events, memory, and CPU impact. Everything is neatly plotted on a timeline or recored by frame, helping you discover ways to optimize your site.

safari iphone open console

Storage. Find details about the data stored by a web page, such as application cache, cookies, databases, indexed databases, local storage, and session storage.

safari iphone open console

Graphics. Preview animation keyframes and their classes from HTML5 canvas, JavaScript animations, CSS animations, and CSS transitions. Dial in the motion and the visual design of web pages.

safari iphone open console

Layers. Visualize compositing layers in 3D to understand where layers are generated and in what order they'll render. Use layers to help find unexpected memory consumption or excessive repaints on a web page.

safari iphone open console

Audit. Preform audits against a web page to certify that common code and accessibility errors are addressed. Confirm that a web page follows design guidelines and specifications of modern web pages.

Responsive Design Mode

Safari has a powerful new interface for designing responsive web experiences. Responsive Design Mode provides a simple interface for quickly previewing your web page across various screen sizes, orientations, and resolutions, as well as custom viewports and user agents. You can drag the edges of any window to resize it. And you can click on a device to toggle its orientation, taking it from portrait to landscape — and even into Split View on iPad.

OS X Daily

Tips & Tricks

Troubleshooting, enable the safari debug console on iphone & ipad.

Safari Icon

Safari for iOS includes an optional debug console to help web developers track down and resolve issues with webpages on iPhone and iPad.

Even better, with the latest versions of iOS it actually uses the same Web Inspector that Safari on desktop does too, meaning if you connect the iPhone or iPad to the computer you can use the Safari debugging tools directly with your iOS or iPadOS device

Older versions of iOS have this capability too, and while not as in inclusive as the desktop Safari debug and developer tools , it’s still useful and is easy to enable or disable on the iPhone and iPad.

Let’s learn how to enable this feature on both new and old versions of iOS, and learn what’s different between the versions as well.

How to Enable & Use Web Inspector in Safari for iPhone & iPad

On modern iOS and iPadOS versions, here’s how Safari web inspector works:

  • Open Settings > Safari > Advanced then tap to enable “Web Inspector”
  • Connect the iPhone or iPad to a Mac, then go to Safari and enable the developer menu if you haven’t done so by going to Safari > Preferences > Advanced > Show Develop menu bar
  • Pull down the “Develop” menu bar and find the iPhone or iPad, and then open the web page you wish to debug
  • Safari Web Inspector will open where you can debug and inspect web elements from the iOS or IPadOS device directly in Safari on the Mac

Now as you navigate on the iPhone or iPad you will find the Web Inspector in Safari on the Mac will update.

You can access the debug Console through the Console tab in the web inspector, and you can access the debugger through the Debugger tab. And of course the usual web inspector tools for elements, resources, network, etc, are available to use as well.

Web Inspector tool

You can also use a View Source trick for iOS and iPadOS while you’re on the go, if needed too.

How to Enable Debug Console on Older iOS Versions

If you have an older version of iOS on an older iPhone or iPad, the whole debug experience is on the device and you don’t have the ability to connect it to Safari on a Mac. Nonetheless it’s still quite useful, here’s how it works:

  • Launch “Settings” and tap on “Safari”
  • Tap on “Advanced”
  • Slide “Debug Console” to ON

Enable the Safari Debug Console in iOS

Once enabled, tap on the Debug Console at the top of any Safari screen to see web page errors.

Safari Debug Console in iOS, as shown on iPhone

The default list shows all errors, but you can drill down to more specific HTML, JavaScript, and CSS errors by tapping them individually.

Another useful tool for mobile web developers is Firebug Lite for iOS , which utilizes a javascript bookmarklet to load a simpler version of the popular Firebug development tool. That functionality is probably most useful for the older iOS versions as well, since newer releases have new capabilities.

Do you use any web developer tools for iPhone or iPad? Share with us any tips, tricks, apps, or techniques in the comments below.

Enjoy this tip? Subscribe to our newsletter!

Get more of our great Apple tips, tricks, and important news delivered to your inbox with the OSXDaily newsletter. 

You have successfully joined our subscriber list.

.

Related articles:

  • Enable Safari Hidden Debug Menu in Mac OS X
  • Make Console Easier to Read in Mac OS X with PID, Icons, & Bold View Options
  • Enable Mac App Store Hidden Debug Menu
  • How to Enable a Hidden Debug Menu in Photo Booth for Mac OS X

» Comments RSS Feed

out dated — no longer accurate

The topmost section is accurate for new iOS versions using Web Inspector, the lower portion is for older versions with Debug Console. Hope that helps!

Leave a Reply

Name (required)

Mail (will not be published) (required)

safari iphone open console

Subscribe to OSXDaily

Subscribe to RSS

  • - How to Use the Latest GPT 4 & DALL-E 3 Free on iPhone & iPad with Copilot
  • - 15 Mail Keyboard Shortcuts for Mac
  • - How to Use Hover Text on Mac to Magnify On-Screen Text
  • - How to Bulk Image Edit on iPhone & iPad wth Copy & Paste Edits to Photos
  • - How to Use Apple Watch as Viewfinder & Remote for iPhone Camera
  • - Beta 2 of iOS 17.5, iPadOS 17.5, macOS Sonoma 14.5, Available for Testing
  • - Opinion: Shiny Keys on MacBook Air & Pro Are Ugly and Shouldn’t Happen
  • - MacOS Ventura 13.6.6 & Safari 17.4.1 Update Available
  • - Using M3 MacBook Air in Clamshell Mode May Reduce Performance
  • - First Beta of iOS 17.5, macOS Sonoma 14.5, iPadOS 17.5 Released for Testing

iPhone / iPad

  • - What Does the Bell with Line Through It Mean in Messages? Bell Icon on iPhone, iPad, & Mac Explained
  • - iOS 16.7.7 & iPadOS 16.7.7 Released for Older iPhone & iPad Models
  • - Fix a Repeating “Trust This Computer” Alert on iPhone & iPad
  • - The Best Way to Clean a MacBook Air Keyboard: Microfiber Cloth & KeyboardCleanTool
  • - How to Check Disk Health on Mac with smartctl
  • - Fix “warning: unable to access /Users/Name/.config/git/attributes Permission Denied” Errors
  • - How to Fix the Apple Watch Squiggly Charging Cable Screen
  • - NewsToday2: What it is & How to Disable NewsToday2 on Mac
  • - Why Did My iPhone Alarm Stop Automatically & Turn Itself Off?

Shop on Amazon to help support this site

About OSXDaily | Contact Us | Privacy Policy | Sitemap

This website is unrelated to Apple Inc

All trademarks and copyrights on this website are property of their respective owners.

© 2024 OS X Daily. All Rights Reserved. Reproduction without explicit permission is prohibited.

GeekChamp

How to Enable and Use Safari Web Inspector on iPhone in iOS 17

If you are a developer or a website manager, we are sure you know the importance of inspecting websites to analyze website issues or debug web pages. On iOS, Safari used to have a built-in Debug Console for inspecting web page issues. However, since iOS 6, Safari on iPhones has been relying on the Web Inspector tool to show to debug and analyze websites.

So, if you are looking for a way to enable the Web Inspector tool on iOS or iPadOS and use it to debug websites on your Mac, we have prepared this simple guide for you. In this article, we are going to provide step-by-step ways to enable and use the Web Inspector tool on your iOS and macOS devices. This way you will be able to easily track down issues in iOS and iPadOS websites on your macOS devices.

Enable and Use Safari Web Inspector on iPhone

Now, below we have provided the ways to enable the Web Inspector tool for Safari on iOS and macOS devices. Hence, you must already know by now that the Web Inspector tool for Safari will work only if you have a Mac or a MacBook with which you can connect your iOS device.

With the method provided here, you will be able to use the Web Inspector tool to analyze all the resources of web pages, debug, and fix underlying issues of the pages. This method can also be used with the iOS Simulator, which comes free with XCode from the Mac App Store, to view and scale web pages for different screen sizes.

Enable Web Inspector on iPhone

Before you can view the websites from the iOS Safari on your Mac using Web Inspector, you will need to enable the tool on your iOS device. You can do that using the steps right below.

1. Open the Settings app on your iPhoned.

2. Go to Safari .

Web inspector on iOS ss 2

3. Scroll down to the bottom and tap the Advanced button.

Web inspector on iOS ss 1

4. On the Advanced settings page, enable the toggle for Web Inspector .

word inspector on ios ss collage

This is all you have to do to enable the Web Inspector tool on iOS. With this advanced setting enabled on your iPhone, you will be able to view and edit the websites opened on your iOS Safari right inside the Safari browser on your Mac.

However, before that, you will need to tweak a few settings in Safari on your Mac. Read on to find out how you can use the Web Inspector tool in Safari on your Mac.

Use Web Inspector for iOS Safari on Mac

Now, to use the Web Inspector tool for iOS/ iPadOS Safari on Mac, you need to connect your iPhone or iPad with the tool enabled to your Mac via a USB connection. Once both devices are connected, follow the steps below:

1. Open the Safari browser on your Mac.

2. Click the Safari option on the top navigation bar and select the Preferences option from the menu.

3. Now, go to the Advanced tab and check the box for the “Show Develop menu in menu bar” option.

Web inspector macos ss 1

4. Exit the Settings window and you will see the new Develop menu on your Safari menu bar at the top.

5. Click the Develop option and you will see your iPhone or iPad listed.

6. Move your cursor on your device and you will see the websites opened on your iOS or iPadOS Safari appear on the drop-down list.

Web inspector macos ss 2

7. From here, you can click the website that you want to open in the Web Inspector console on your Mac for optimization and debugging.

So, this way, you can easily enable and use the Web Inspector tool for Safari on your iPhone or iPad and analyze websites on your Mac. The Web Inspector is especially useful if you are a macOS developer who also develops or manages iOS websites. With this, you can easily view the web pages from iPhones or iPads on your Mac and tinker with them to improve their quality and fix other issues.

How can I enable Web Inspector on my iPad?

The process of enabling the Web Inspector tool on iPhones and iPads is pretty much the same. Hence, you can use the method provided in this article to easily enable Web Inspector in Safari on your iPad and your iPhone.

Can I inspect web pages on my iPhone or iPad?

Although you can enable the Web Inspector tool in Safari on your iPhone or iPad, you will require a macOS device and a USB-Lightning cable to actually use the tool for inspecting web pages.

How can I bring up the Web Inspector console on Mac?

After enabling the Develop menu in the menu bar in Safari on your Mac (steps provided above), you can click the Develop option in Safari and select your connected iPhone or iPad to view the web pages. From here, you can click a web page and the Web Inspector console will open up the resources.

Final Words

So, this was all about enabling and using the Web Inspector tool in Safari on iPhones and iPads. It is a great tool for website developers to prototype, optimize, and debug web content on iOS, iPadOS, and macOS devices. And if this guide added value to your work or helped you in any way, do let us know in the comments below.

' src=

Dwaipayan Sengupta

After graduating with a Bachelor's in Business Administration, Dwaipayan has worked for reputable media firms such as Beebom and Pinkvilla. He has written over 1500 articles in his 3+ years of writing career and specializes in How-tos about Windows issues and features, flash news, and custom mechanical keyboards. When he is not writing or customizing mechanical keyboards, you can find him playing an intense Valorant match or browsing through his Reddit feed.

You may also like

Fix Mail App Notifications not Working on iPhone

How to Fix Mail App Notifications Not Working on iPhone

Here's How You Can Automatically Answer Phone Calls on Apple Watch 1

Here’s How You Can Automatically Answer Phone Calls on Apple Watch

Fix iPhone Not Ringing

How to Fix iPhone Not Ringing

Fix Volume Mixer Not Working in Windows 11

How to Fix Dell Laptop Sound Not Working in Windows 11

Leave a reply cancel reply.

Your email address will not be published. Required fields are marked *

Save my name, email, and website in this browser for the next time I comment.

How-To Geek

How to turn on the develop menu in safari on mac.

The Develop menu lets you view page source in Safari on Mac.

Quick Links

How to enable the develop menu in safari on mac, how to view page source in safari on mac.

When you right-click on any web page in Safari on Mac, it doesn't reveal the Show Page Source and Inspect Element buttons. To see these, you need to enable the Develop menu---we'll show you how to do that.

Once you've enabled the Develop menu, right-clicking a blank space on any website will reveal the Inspect Element and Show Page Source buttons. These allow you to take a look at the source code of any website, which is useful for things like downloading images from websites and debugging code or finding out what it looks like behind any site (for website designers).

You can easily turn on the Develop menu in Safari by following a couple of steps. Open Safari on your Mac and click the "Safari" button in the menu bar.

Next, select "Preferences." Alternatively, you can use the keyboard shortcut Command+, (comma). This will also open up Safari preferences.

Go to the "Advanced" tab.

Check the box for "Show Develop Menu in Menu Bar."

Now the Develop menu will appear between Bookmarks and Window at the top.

Apart from being able to view the page source, this will allow you to access developer-focused features, such as disabling JavaScript on any website.

Once you've enabled the Develop menu, there are a couple of ways to view the page source in Safari.

Open any website in Safari and right-click the blank space on the page. Now, select "Show Page Source." You can also get to this menu by using the keyboard shortcut Option+Command+u.

If you're looking for images or other media elements from any web page, Safari makes it easy to find these. In the left-hand pane, you will see various folders such as Images, Fonts, etc. Click the "Images" folder to quickly find the photos that you need.

After selecting an image, you can view its details easily by opening up the details sidebar. The button to open this is located at the top-right of the console, just below the gear icon. You can also open this with the shortcut Option+Command+0.

Click "Resource" at the top of the details sidebar to view details, such as the size of the image and its full URL.

You can change the position of the page source console easily, too. There are two buttons at the top-left of this console, right next to the X button. Click the rectangle icon to move the console to a different side within the browser window.

If you'd like to open the page source console in a separate window, you can click the two-rectangles icon. This will detach the console and open it in a separate window.

To check out the code for any specific element on the page, you can right-click that element and select "Inspect Element." This will take you directly to the code for the element that you selected.

Whenever you're done looking at the code, click the X button to close the page source console and return to browsing on Safari. You can also check out how to view a website's page source in Google Chrome  here.

Related: How to View the HTML Source in Google Chrome

View console logs from non-Safari browsers on an iPhone

Using the about:inspect special page you can see your website's logs in Chrome or Edge running on iPhone!

This is important because debugging a webpage that's running in Safari on an iPhone isn't hard, but debugging the same webpage when it's running in Chrome or Edge on an iPhone is impossible, and sometimes there are pages that may work in Safari, but not in Chrome or Edge.

The former requires connecting your iPhone to a Mac via USB, enabling the WebInspector tools on the Mac, and connecting from Safari desktop to Safari mobile (learn more at Enabling Web Inspector ).

The latter, however, is not possible. Even if Chrome and Edge use the webkit webview on iPhone, Apple just doesn't let you connect to these webviews from your Mac. Because the webview-version of webkit is subtly different from the version of webkit that powers Safari, it's possible for your webpage to work in Safari but not in Chrome or Edge, even on the same iPhone.

Thankfully, here is a way to at least see your console logs from these browsers, which is better than nothing:

  • In Chrome or Edge on iPhone, open a new tab and go to about:inspect .
  • Click Start Logging .
  • Keep this tab open and open a new one.
  • In the new tab, go to the site that you need to test and run the user scenario that will trigger a the console logs you need to see.
  • Return to the previous tab. Your logs are now displayed on the about:inspect page.

Edge on iOS, showing the about:inspect page, filled with logs

Last edit: 2/7/2023 - Edit this page

iPhone User Guide

  • iPhone models compatible with iOS 17
  • R ' class='toc-item' data-ss-analytics-link-url='https://support.apple.com/guide/iphone/iphone-xr-iph017302841/ios' data-ajax-endpoint='https://support.apple.com/guide/iphone/iphone-xr-iph017302841/ios' data-ss-analytics-event="acs.link_click" href='https://support.apple.com/guide/iphone/iphone-xr-iph017302841/ios' id='toc-item-IPH017302841' data-tocid='IPH017302841' > iPhone X R
  • S ' class='toc-item' data-ss-analytics-link-url='https://support.apple.com/guide/iphone/iphone-xs-iphc00446242/ios' data-ajax-endpoint='https://support.apple.com/guide/iphone/iphone-xs-iphc00446242/ios' data-ss-analytics-event="acs.link_click" href='https://support.apple.com/guide/iphone/iphone-xs-iphc00446242/ios' id='toc-item-IPHC00446242' data-tocid='IPHC00446242' > iPhone X S
  • S Max' class='toc-item' data-ss-analytics-link-url='https://support.apple.com/guide/iphone/iphone-xs-max-iphcd2066870/ios' data-ajax-endpoint='https://support.apple.com/guide/iphone/iphone-xs-max-iphcd2066870/ios' data-ss-analytics-event="acs.link_click" href='https://support.apple.com/guide/iphone/iphone-xs-max-iphcd2066870/ios' id='toc-item-IPHCD2066870' data-tocid='IPHCD2066870' > iPhone X S Max
  • iPhone 11 Pro
  • iPhone 11 Pro Max
  • iPhone SE (2nd generation)
  • iPhone 12 mini
  • iPhone 12 Pro
  • iPhone 12 Pro Max
  • iPhone 13 mini
  • iPhone 13 Pro
  • iPhone 13 Pro Max
  • iPhone SE (3rd generation)
  • iPhone 14 Plus
  • iPhone 14 Pro
  • iPhone 14 Pro Max
  • iPhone 15 Plus
  • iPhone 15 Pro
  • iPhone 15 Pro Max
  • Setup basics
  • Make your iPhone your own
  • Take great photos and videos
  • Keep in touch with friends and family
  • Share features with your family
  • Use iPhone for your daily routines
  • Expert advice from Apple Support
  • What’s new in iOS 17
  • Turn on and set up iPhone
  • Wake and unlock
  • Set up cellular service
  • Use Dual SIM
  • Connect to the internet
  • Sign in with Apple ID
  • Subscribe to iCloud+
  • Find settings
  • Set up mail, contacts, and calendar accounts
  • Learn the meaning of the status icons
  • Charge the battery
  • Charge with cleaner energy sources
  • Show the battery percentage
  • Check battery health and usage
  • Use Low Power Mode
  • Read and bookmark the user guide
  • Learn basic gestures
  • Learn gestures for iPhone models with Face ID
  • Adjust the volume
  • Find your apps in App Library
  • Switch between open apps
  • Quit and reopen an app
  • Multitask with Picture in Picture
  • Access features from the Lock Screen
  • View Live Activities in the Dynamic Island
  • Perform quick actions
  • Search on iPhone
  • Get information about your iPhone
  • View or change cellular data settings
  • Travel with iPhone
  • Change sounds and vibrations
  • Use the Action button on iPhone 15 Pro and iPhone 15 Pro Max
  • Create a custom Lock Screen
  • Change the wallpaper
  • Adjust the screen brightness and color balance
  • Keep the iPhone display on longer
  • Use StandBy
  • Customize the text size and zoom setting
  • Change the name of your iPhone
  • Change the date and time
  • Change the language and region
  • Organize your apps in folders
  • Add, edit, and remove widgets
  • Move apps and widgets on the Home Screen
  • Remove apps
  • Use and customize Control Center
  • Change or lock the screen orientation
  • View and respond to notifications
  • Change notification settings
  • Set up a Focus
  • Allow or silence notifications for a Focus
  • Turn a Focus on or off
  • Stay focused while driving
  • Customize sharing options
  • Type with the onscreen keyboard
  • Dictate text
  • Select and edit text
  • Use predictive text
  • Use text replacements
  • Add or change keyboards
  • Add emoji and stickers
  • Take a screenshot
  • Take a screen recording
  • Draw in documents
  • Add text, shapes, signatures, and more
  • Fill out forms and sign documents
  • Use Live Text to interact with content in a photo or video
  • Use Visual Look Up to identify objects in your photos and videos
  • Lift a subject from the photo background
  • Subscribe to Apple Arcade
  • Play with friends in Game Center
  • Connect a game controller
  • Use App Clips
  • Update apps
  • View or cancel subscriptions
  • Manage purchases, settings, and restrictions
  • Install and manage fonts
  • Buy books and audiobooks
  • Annotate books
  • Access books on other Apple devices
  • Listen to audiobooks
  • Set reading goals
  • Organize books
  • Create and edit events in Calendar
  • Send invitations
  • Reply to invitations
  • Change how you view events
  • Search for events
  • Change calendar and event settings
  • Schedule or display events in a different time zone
  • Keep track of events
  • Use multiple calendars
  • Use the Holidays calendar
  • Share iCloud calendars
  • Camera basics
  • Set up your shot
  • Apply Photographic Styles
  • Take Live Photos
  • Take Burst mode shots
  • Take a selfie
  • Take panoramic photos
  • Take macro photos and videos
  • Take portraits
  • Take Night mode photos
  • Take Apple ProRAW photos
  • Adjust the shutter volume
  • Adjust HDR camera settings
  • Record videos
  • Record spatial videos for Apple Vision Pro
  • Record ProRes videos
  • Record videos in Cinematic mode
  • Change video recording settings
  • Save camera settings
  • Customize the Main camera lens
  • Change advanced camera settings
  • View, share, and print photos
  • Use Live Text
  • Scan a QR code
  • See the world clock
  • Set an alarm
  • Change the next wake up alarm
  • Use the stopwatch
  • Use multiple timers
  • Add and use contact information
  • Edit contacts
  • Add your contact info
  • Use NameDrop on iPhone to share your contact info
  • Use other contact accounts
  • Use Contacts from the Phone app
  • Merge or hide duplicate contacts
  • Export contacts
  • Get started with FaceTime
  • Make FaceTime calls
  • Receive FaceTime calls
  • Create a FaceTime link
  • Take a Live Photo
  • Turn on Live Captions in a FaceTime call
  • Use other apps during a call
  • Make a Group FaceTime call
  • View participants in a grid
  • Use SharePlay to watch, listen, and play together
  • Share your screen in a FaceTime call
  • Collaborate on a document in FaceTime
  • Use video conferencing features
  • Hand off a FaceTime call to another Apple device
  • Change the FaceTime video settings
  • Change the FaceTime audio settings
  • Change your appearance
  • Leave a call or switch to Messages
  • Block unwanted callers
  • Report a call as spam
  • Connect external devices or servers
  • Modify files, folders, and downloads
  • Search for files and folders
  • Organize files and folders
  • Set up iCloud Drive
  • Share files and folders in iCloud Drive
  • Share your location
  • Meet up with a friend
  • Send your location via satellite
  • Add or remove a friend
  • Locate a friend
  • Get notified when friends change their location
  • Notify a friend when your location changes
  • Add your iPhone
  • Add your iPhone Wallet with MagSafe
  • Get notified if you leave a device behind
  • Locate a device
  • Mark a device as lost
  • Erase a device
  • Remove a device
  • Add an AirTag
  • Share an AirTag or other item in Find My on iPhone
  • Add a third-party item
  • Get notified if you leave an item behind
  • Locate an item
  • Mark an item as lost
  • Remove an item
  • Adjust map settings
  • Get started with Fitness
  • Track daily activity and change your move goal
  • See your activity summary
  • Sync a third-party workout app
  • Change fitness notifications
  • Share your activity
  • Subscribe to Apple Fitness+
  • Find Apple Fitness+ workouts and meditations
  • Start an Apple Fitness+ workout or meditation
  • Create a Custom Plan in Apple Fitness+
  • Work out together using SharePlay
  • Change what’s on the screen during an Apple Fitness+ workout or meditation
  • Download an Apple Fitness+ workout or meditation
  • Get started with Freeform
  • Create a Freeform board
  • Draw or handwrite
  • Apply consistent styles
  • Position items on a board
  • Search Freeform boards
  • Share and collaborate
  • Delete and recover boards
  • Get started with Health
  • Fill out your Health Details
  • Intro to Health data
  • View your health data
  • Share your health data
  • View health data shared by others
  • Download health records
  • View health records
  • Monitor your walking steadiness
  • Log menstrual cycle information
  • View menstrual cycle predictions and history
  • Track your medications
  • Learn more about your medications
  • Log your state of mind
  • Take a mental health assessment
  • Set up a schedule for a Sleep Focus
  • Turn off alarms and delete sleep schedules
  • Add or change sleep schedules
  • Turn Sleep Focus on or off
  • Change your wind down period, sleep goal, and more
  • View your sleep history
  • Check your headphone levels
  • Use audiogram data
  • Register as an organ donor
  • Back up your Health data
  • Intro to Home
  • Upgrade to the new Home architecture
  • Set up accessories
  • Control accessories
  • Control your home using Siri
  • Use Grid Forecast to plan your energy usage
  • Set up HomePod
  • Control your home remotely
  • Create and use scenes
  • Use automations
  • Set up security cameras
  • Use Face Recognition
  • Unlock your door with a home key
  • Configure a router
  • Invite others to control accessories
  • Add more homes
  • Get music, movies, and TV shows
  • Get ringtones
  • Manage purchases and settings
  • Get started with Journal
  • Write in your journal
  • Review your past journal entries
  • Change Journal settings
  • Magnify nearby objects
  • Change settings
  • Detect people around you
  • Detect doors around you
  • Receive image descriptions of your surroundings
  • Read aloud text and labels around you
  • Set up shortcuts for Detection Mode
  • Add and remove email accounts
  • Set up a custom email domain
  • Check your email
  • Unsend email with Undo Send
  • Reply to and forward emails
  • Save an email draft
  • Add email attachments
  • Download email attachments
  • Annotate email attachments
  • Set email notifications
  • Search for email
  • Organize email in mailboxes
  • Flag or block emails
  • Filter emails
  • Use Hide My Email
  • Use Mail Privacy Protection
  • Change email settings
  • Delete and recover emails
  • Add a Mail widget to your Home Screen
  • Print emails
  • Get travel directions
  • Select other route options
  • Find stops along your route
  • View a route overview or a list of turns
  • Change settings for spoken directions
  • Get driving directions
  • Get directions to your parked car
  • Set up electric vehicle routing
  • Report traffic incidents
  • Get cycling directions
  • Get walking directions
  • Get transit directions
  • Delete recent directions
  • Get traffic and weather info
  • Estimate travel time and ETA
  • Download offline maps
  • Search for places
  • Find nearby attractions, restaurants, and services
  • Get information about places
  • Mark places
  • Share places
  • Rate places
  • Save favorite places
  • Explore new places with Guides
  • Organize places in My Guides
  • Delete significant locations
  • Look around places
  • Take Flyover tours
  • Find your Maps settings
  • Measure dimensions
  • View and save measurements
  • Measure a person’s height
  • Use the level
  • Set up Messages
  • About iMessage
  • Send and reply to messages
  • Unsend and edit messages
  • Keep track of messages
  • Forward and share messages
  • Group conversations
  • Watch, listen, or play together using SharePlay
  • Collaborate on projects
  • Use iMessage apps
  • Take and edit photos or videos
  • Share photos, links, and more
  • Send stickers
  • Request, send, and receive payments
  • Send and receive audio messages
  • Animate messages
  • Change notifications
  • Block, filter, and report messages
  • Delete messages and attachments
  • Recover deleted messages
  • View albums, playlists, and more
  • Show song credits and lyrics
  • Queue up your music
  • Listen to broadcast radio
  • Subscribe to Apple Music
  • Play music together in the car with iPhone
  • Listen to lossless music
  • Listen to Dolby Atmos music
  • Apple Music Sing
  • Find new music
  • Add music and listen offline
  • Get personalized recommendations
  • Listen to radio
  • Search for music
  • Create playlists
  • See what your friends are listening to
  • Use Siri to play music
  • Change the way music sounds
  • Get started with News
  • Use News widgets
  • See news stories chosen just for you
  • Read stories
  • Follow your favorite teams with My Sports
  • Listen to Apple News Today
  • Subscribe to Apple News+
  • Browse and read Apple News+ stories and issues
  • Download Apple News+ issues
  • Listen to audio stories
  • Solve crossword puzzles
  • Search for news stories
  • Save stories in News for later
  • Subscribe to individual news channels
  • Get started with Notes
  • Add or remove accounts
  • Create and format notes
  • Draw or write
  • Add photos, videos, and more
  • Scan text and documents
  • Work with PDFs
  • Create Quick Notes
  • Search notes
  • Organize in folders
  • Organize with tags
  • Use Smart Folders
  • Export or print notes
  • Change Notes settings
  • Make a call
  • Answer or decline incoming calls
  • While on a call
  • Set up voicemail
  • Check voicemail
  • Change voicemail greeting and settings
  • Select ringtones and vibrations
  • Make calls using Wi-Fi
  • Set up call forwarding and call waiting
  • Avoid unwanted calls
  • View photos and videos
  • Play videos and slideshows
  • Delete or hide photos and videos
  • Edit photos and videos
  • Trim video length and adjust slow motion
  • Edit Cinematic mode videos
  • Edit Live Photos
  • Edit portraits
  • Use photo albums
  • Edit, share, and organize albums
  • Filter and sort photos and videos in albums
  • Make stickers from your photos
  • Duplicate and copy photos and videos
  • Merge duplicate photos and videos
  • Search for photos
  • Identify people and pets
  • Browse photos by location
  • Share photos and videos
  • Share long videos
  • View photos and videos shared with you
  • Watch memories
  • Personalize your memories
  • Manage memories and featured photos
  • Use iCloud Photos
  • Create shared albums
  • Add and remove people in a shared album
  • Add and delete photos and videos in a shared album
  • Set up or join an iCloud Shared Photo Library
  • Add content to an iCloud Shared Photo Library
  • Use iCloud Shared Photo Library
  • Import and export photos and videos
  • Print photos
  • Find podcasts
  • Listen to podcasts
  • Follow your favorite podcasts
  • Use the Podcasts widget
  • Organize your podcast library
  • Download, save, or share podcasts
  • Subscribe to podcasts
  • Listen to subscriber-only content
  • Change download settings
  • Make a grocery list
  • Add items to a list
  • Edit and manage a list
  • Search and organize lists
  • Work with templates
  • Use Smart Lists
  • Print reminders
  • Use the Reminders widget
  • Change Reminders settings
  • Browse the web
  • Search for websites
  • Customize your Safari settings
  • Change the layout
  • Use Safari profiles
  • Open and close tabs
  • Organize your tabs
  • View your Safari tabs from another Apple device
  • Share Tab Groups
  • Use Siri to listen to a webpage
  • Bookmark favorite webpages
  • Save pages to a Reading List
  • Find links shared with you
  • Annotate and save a webpage as a PDF
  • Automatically fill in forms
  • Get extensions
  • Hide ads and distractions
  • Clear your cache
  • Browse the web privately
  • Use passkeys in Safari
  • Check stocks
  • Manage multiple watchlists
  • Read business news
  • Add earnings reports to your calendar
  • Use a Stocks widget
  • Translate text, voice, and conversations
  • Translate text in apps
  • Translate with the camera view
  • Subscribe to Apple TV+, MLS Season Pass, or an Apple TV channel
  • Add your TV provider
  • Get shows, movies, and more
  • Watch sports
  • Watch Major League Soccer with MLS Season Pass
  • Control playback
  • Manage your library
  • Change the settings
  • Make a recording
  • Play it back
  • Edit or delete a recording
  • Keep recordings up to date
  • Organize recordings
  • Search for or rename a recording
  • Share a recording
  • Duplicate a recording
  • Keep cards and passes in Wallet
  • Set up Apple Pay
  • Use Apple Pay for contactless payments
  • Use Apple Pay in apps and on the web
  • Track your orders
  • Use Apple Cash
  • Use Apple Card
  • Use Savings
  • Pay for transit
  • Access your home, hotel room, and vehicle
  • Add identity cards
  • Use COVID-19 vaccination cards
  • Check your Apple Account balance
  • Use Express Mode
  • Organize your Wallet
  • Remove cards or passes
  • Check the weather
  • Check the weather in other locations
  • View weather maps
  • Manage weather notifications
  • Use Weather widgets
  • Learn the weather icons
  • Find out what Siri can do
  • Tell Siri about yourself
  • Have Siri announce calls and notifications
  • Add Siri Shortcuts
  • About Siri Suggestions
  • Use Siri in your car
  • Change Siri settings
  • Contact emergency services
  • Use Emergency SOS via satellite
  • Request Roadside Assistance via satellite
  • Set up and view your Medical ID
  • Use Check In
  • Manage Crash Detection
  • Reset privacy and security settings in an emergency
  • Set up Family Sharing
  • Add Family Sharing members
  • Remove Family Sharing members
  • Share subscriptions
  • Share purchases
  • Share locations with family and locate lost devices
  • Set up Apple Cash Family and Apple Card Family
  • Set up parental controls
  • Set up a child’s device
  • Get started with Screen Time
  • Protect your vision health with Screen Distance
  • Set up Screen Time
  • Set communication and safety limits and block inappropriate content
  • Charging cable
  • Power adapters
  • MagSafe chargers and battery packs
  • MagSafe cases and sleeves
  • Qi-certified wireless chargers
  • Use AirPods
  • Use EarPods
  • Apple Watch
  • Wirelessly stream videos and photos to Apple TV or a smart TV
  • Connect to a display with a cable
  • HomePod and other wireless speakers
  • Pair Magic Keyboard
  • Enter characters with diacritical marks
  • Switch between keyboards
  • Use shortcuts
  • Choose an alternative keyboard layout
  • Change typing assistance options
  • External storage devices
  • Bluetooth accessories
  • Share your internet connection
  • Allow phone calls on your iPad and Mac
  • Use iPhone as a webcam
  • Hand off tasks between devices
  • Cut, copy, and paste between iPhone and other devices
  • Stream video or mirror the screen of your iPhone
  • Start SharePlay instantly
  • Use AirDrop to send items
  • Connect iPhone and your computer with a cable
  • Transfer files between devices
  • Transfer files with email, messages, or AirDrop
  • Transfer files or sync content with the Finder or iTunes
  • Automatically keep files up to date with iCloud
  • Use an external storage device, a file server, or a cloud storage service
  • Intro to CarPlay
  • Connect to CarPlay
  • Use your vehicle’s built-in controls
  • Get turn-by-turn directions
  • Change the map view
  • Make phone calls
  • View your calendar
  • Send and receive text messages
  • Announce incoming text messages
  • Play podcasts
  • Play audiobooks
  • Listen to news stories
  • Control your home
  • Use other apps with CarPlay
  • Rearrange icons on CarPlay Home
  • Change settings in CarPlay
  • Get started with accessibility features
  • Turn on accessibility features for setup
  • Change Siri accessibility settings
  • Open features with Accessibility Shortcut
  • Change color and brightness
  • Make text easier to read
  • Reduce onscreen motion
  • Customize per-app visual settings
  • Hear what’s on the screen or typed
  • Hear audio descriptions
  • Turn on and practice VoiceOver
  • Change your VoiceOver settings
  • Use VoiceOver gestures
  • Operate iPhone when VoiceOver is on
  • Control VoiceOver using the rotor
  • Use the onscreen keyboard
  • Write with your finger
  • Use VoiceOver with an Apple external keyboard
  • Use a braille display
  • Type braille on the screen
  • Customize gestures and keyboard shortcuts
  • Use VoiceOver with a pointer device
  • Use VoiceOver for images and videos
  • Use VoiceOver in apps
  • Use AssistiveTouch
  • Adjust how iPhone responds to your touch
  • Use Reachability
  • Auto-answer calls
  • Turn off vibration
  • Change Face ID and attention settings
  • Use Voice Control
  • Adjust the side or Home button
  • Use Apple TV Remote buttons
  • Adjust pointer settings
  • Adjust keyboard settings
  • Adjust AirPods settings
  • Turn on Apple Watch Mirroring
  • Control a nearby Apple device
  • Intro to Switch Control
  • Set up and turn on Switch Control
  • Select items, perform actions, and more
  • Control several devices with one switch
  • Use hearing devices
  • Use Live Listen
  • Use sound recognition
  • Set up and use RTT and TTY
  • Flash the LED for alerts
  • Adjust audio settings
  • Play background sounds
  • Display subtitles and captions
  • Show transcriptions for Intercom messages
  • Get Live Captions (beta)
  • Type to speak
  • Record a Personal Voice
  • Use Guided Access
  • Use built-in privacy and security protections
  • Set a passcode
  • Set up Face ID
  • Set up Touch ID
  • Control access to information on the Lock Screen
  • Keep your Apple ID secure
  • Use passkeys to sign in to apps and websites
  • Sign in with Apple
  • Share passwords
  • Automatically fill in strong passwords
  • Change weak or compromised passwords
  • View your passwords and related information
  • Share passkeys and passwords securely with AirDrop
  • Make your passkeys and passwords available on all your devices
  • Automatically fill in verification codes
  • Automatically fill in SMS passcodes
  • Sign in with fewer CAPTCHA challenges
  • Use two-factor authentication
  • Use security keys
  • Manage information sharing with Safety Check
  • Control app tracking permissions
  • Control the location information you share
  • Control access to information in apps
  • Control how Apple delivers advertising to you
  • Control access to hardware features
  • Create and manage Hide My Email addresses
  • Protect your web browsing with iCloud Private Relay
  • Use a private network address
  • Use Advanced Data Protection
  • Use Lockdown Mode
  • Use Stolen Device Protection
  • Receive warnings about sensitive content
  • Use Contact Key Verification
  • Turn iPhone on or off
  • Force restart iPhone
  • Back up iPhone
  • Return iPhone settings to their defaults
  • Restore all content from a backup
  • Restore purchased and deleted items
  • Sell, give away, or trade in your iPhone
  • Erase iPhone
  • Install or remove configuration profiles
  • Important safety information
  • Important handling information
  • Find more resources for software and service
  • FCC compliance statement
  • ISED Canada compliance statement
  • Ultra Wideband information
  • Class 1 Laser information
  • Apple and the environment
  • Disposal and recycling information
  • Unauthorized modification of iOS

Browse the web using Safari on iPhone

safari iphone open console

View websites with Safari

You can easily navigate a webpage with a few taps.

Get back to the top: Double-tap the top edge of the screen to quickly return to the top of a long page.

See more of the page: Turn iPhone to landscape orientation.

Refresh the page: Pull down from the top of the page.

the Share button

Preview website links

Touch and hold a link in Safari to see a preview of the link without opening the page. To open the link, tap the preview, or choose Open.

To close the preview and stay on the current page, tap anywhere outside the preview.

A preview of the destination URL followed by a list of possible actions: Open, Open in New Tab, Open in Tab Group, Download Linked File, Add to Reading List, and Copy Link.

Translate a webpage or image

When you view a webpage or image that’s in another language, you can use Safari to translate the text (not available in all languages or regions).

the Page Settings button

Add Safari back to your Home Screen

If you don’t see Safari on your Home Screen, you can find it in App Library and add it back.

On the Home Screen, swipe left until you see the App Library.

Enter “Safari” in the search field.

the Safari app icon

  • a. Send us an email
  • b. Anonymous form
  • Buyer's Guide
  • Upcoming Products
  • Tips / Contact Us
  • Podcast Instagram Facebook Twitter Mastodon YouTube Notifications RSS Newsletter

PlayStation, GameCube, Wii, and SEGA Emulator for iPhone and Apple TV Coming to App Store

The lead developer of the multi-emulator app Provenance has told iMore that his team is working towards releasing the app on the App Store, but he did not provide a timeframe. Provenance is a frontend for many existing emulators, and it would allow iPhone and Apple TV users to emulate games released for a wide variety of classic game consoles , including the original PlayStation, GameCube, Wii, SEGA Genesis, Atari 2600, and others.

Provenance Emulator

Provenance has been in development since 2016, and it can already be sideloaded on the iPhone and the Apple TV outside of the App Store.

Apple updated its App Review Guidelines earlier this month to allow "retro game console emulator apps" on the App Store for the iPhone, iPad, Mac, and other devices. Earlier this week, Apple told us that emulators that can load games (ROMs) are permitted on the App Store, so long as the apps are emulating "retro console games" only. It is unclear if Apple will consider consoles like the GameCube and Wii to be "retro."

While a U.S. court ruled that emulators are legal, downloading copyrighted ROMs is typically against the law in the country. On its customer support website for the U.S., Nintendo says that downloading pirated copies of its games is illegal. A wide collection of public-domain "homebrew" games are available to play legally.

Get weekly top MacRumors stories in your inbox.

Top Rated Comments

mdnz Avatar

markfc Avatar

Popular Stories

Provenance Emulator

Delta Game Emulator Now Available From App Store on iPhone

iPhone 15 Pro Action Button Translate

All iPhone 16 Models to Feature Action Button, But Usefulness Debated

iPad Air 12

12.9-Inch iPad Air Now Rumored to Feature Mini-LED Display

Next article.

Hero0001

Our comprehensive guide highlighting every major new addition in iOS 17, plus how-tos that walk you through using the new features.

ios 17 4 sidebar square

App Store changes for the EU, new emoji, Podcasts transcripts, and more.

iphone 15 series

Get the most out your iPhone 15 with our complete guide to all the new features.

sonoma icon upcoming square

A deep dive into new features in macOS Sonoma, big and small.

ipad pro 2022 square upcoming

Revamped models with OLED displays, M3 chip, and redesigned Magic Keyboard accessory.

Apple iPad Air hero color lineup 220308

Updated 10.9-inch model and new 12.9-inch model, M2 chip expected.

wwdc 2024 upcoming square

Apple's annual Worldwide Developers Conference will kick off with a keynote on June 10.

ios 18 upcoming square

Expected to see new AI-focused features and more. Preview coming at WWDC in June with public release in September.

Other Stories

iOS 17 All New Features Thumb

7 hours ago by MacRumors Staff

Delta Emulator Pokemon Gen 3 Feature

1 day ago by MacRumors Staff

US Only iOS Features

2 days ago by MacRumors Staff

M4 Mac Studio Feature

3 days ago by MacRumors Staff

en

  • Company Profile
  • Company Policy
  • Mission and Vision
  • Certificates
  • Aluminium Windows
  • Aluminium Doors
  • Aluminium Sliding Elements
  • Aluminium Curtain Walls
  • Aluminium Skylight Elements
  • Aluminium Frames for Safety and Security
  • Aluminium Conservatories
  • Metal Panel Sheet Claddings
  • Aluminium Entrance Frames
  • Glass Structures
  • Complementary Items
  • Lightweight Steel Structures
  • Human Resources OPEN

First successful projects, then lasting relationships!

As it has been in the past 40 years, Mimsa believe in providing competitive prices without compromising their principles of quality. We have managed to create lasting relationships based on honesty and cooperation while adding new customers each year.

Nothing is more important for us than Customer satisfaction!

Mimsa prioritizes customer satisfaction in the services they provide, and strives to understand the customers’ requests thoroughly in order to fulfil their needs and expectations. According to Mimsa Aluminium, every single customer should always be provided with the quality and services above expectations.

Every single completed project is the beginning of a lasting relationship for us.

Mimsa executes every project with experience and knowledge, while continuously improving itself and its high-quality production. Therefore, Mimsa never regards a project as a completed business. Every single project is a successful representation of lasting relationships. Thus, Mimsa pay great attention to post-sale support and keep on supplying uninterrupted support to their customers after completion.

It is very important for us that every single project we execute creates value to our workers, community and environment!

Aiming to create value for the community, environment and humankind in each project. Mimsa perceive that the occupational training of its employees and the new entrants to the workforce gets these individuals well equipped for the industry and community, and so does whatever needed without second thoughts.

safari iphone open console

IMAGES

  1. Guide: How to use the new Safari in iOS 15

    safari iphone open console

  2. 11 tips to personalize Safari on your iPhone and iPad

    safari iphone open console

  3. Hands-on: Here’s how the all-new Safari in iOS 15 works

    safari iphone open console

  4. Safari: Complete Guide to iOS 13

    safari iphone open console

  5. How to Add Safari app back to Home Screen on iPhone

    safari iphone open console

  6. Safari: iOS 13: all new Safari browser features on iPhone

    safari iphone open console

VIDEO

  1. Iphone safari

  2. Comparison Open youtube on safari

  3. 如何刪除iphone裡的Safari 瀏覽器瀏覽紀錄?(2024)

  4. Как изменить внешний вид Safari на iPhone #apple #iphone #tips #tricks #iphonetricks #technology

  5. How To Enable Safari Experimental Features On iPhone (2024)

  6. How To Open Incognito Mode In Safari On iPhone

COMMENTS

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

    How to Activate the iPhone Debug Console or Web Inspector. Use Safari's web developer tools to study problematic websites. 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 ...

  2. How to Debug Websites on iPhone Safari

    Connect the iOS device to the machine. Enable the Web-Inspector option. To do so: Go to Settings > Safari > Scroll down to the bottom > Open Advanced Menu>. Turn on Web Inspector. Open the desired web page to debug or preview on your mobile Safari browser. Once done, enable the Develop menu on the Mac device.

  3. How to Use Developer Tools in Safari on iOS

    Touch the On button to activate the Debug Console. After the Debug Console is enabled, Safari reports any errors it encounters when accessing a website. At the top of every web page, just under the address bar, the Debug Console reports any HTML, JavaScript, or CSS errors.

  4. How to Activate the iPhone Debug Console or Web Inspector

    On your iPhone, open the Settings app, go to Safari, and then select Advanced. 6. Turn on the "Web Inspector" and "JavaScript Console" options. 7. Open the app or web page that you want to inspect on your iPhone. 8. On your computer, click on the Develop menu in Safari, and then select your iPhone's name. 9.

  5. How to Use Web Inspector to Debug Mobile Safari (iPhone or iPad)

    Enable Web Inspector on iOS : Open the Settings app on your iPhone or iPad. Scroll down and tap Safari. Scroll to the bottom of the page and tap Advanced. Tap the toggle next to Web Inspector to the On position. Enable Safari Developer Mode on Mac : Open Safari on your Mac. Click Safari in the top left corner of your Menu Bar.

  6. Debugging Safari/Chrome on your iPhone/iPad/iOS device

    On your Mac, in Safari, click the Develop menu. Near the top of the menu you should see your iPad or iPhone listed. Hover over your device in the menu and you'll see Safari with each tab listed below. Click the one you want to debug. The Web Inspector should then appear, now debug it: Elements, Console, Sources, Network, all of it should work!

  7. 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, orientations, and resolutions.

  8. Enable the Safari Debug Console on iPhone & iPad

    Open Settings > Safari > Advanced then tap to enable "Web Inspector". Connect the iPhone or iPad to a Mac, then go to Safari and enable the developer menu if you haven't done so by going to Safari > Preferences > Advanced > Show Develop menu bar. Pull down the "Develop" menu bar and find the iPhone or iPad, and then open the web page ...

  9. How to Enable and Use Safari Web Inspector on iPhone in iOS 17

    Open the Settings app on your iPhoned. 2. Go to Safari. 3. Scroll down to the bottom and tap the Advanced button. 4. On the Advanced settings page, enable the toggle for Web Inspector. This is all you have to do to enable the Web Inspector tool on iOS.

  10. How to Open the Browser Console on Chrome, Safari, Firefox ...

    Here's a list with some useful shortcuts that you can use inside the built-in console of Microsoft Edge: Launching the Console in focus mode. Ctrl + Shift + J. Switching to the Console. Ctrl + 2. Show or hide the Console from another DevTools tab. Ctrl + ` (back tick) Execute (single-line command) Enter.

  11. How to Activate the iPhone Debug Console or Web Inspector?

    Connect iPhone to Safari on a Mac. To use the Web Inspector, connect your iPhone or another iOS device to a Mac that's running the Safari web browser. Plug your device into the computer using a cable. With Safari open, do the following: 1. Click Safari in the menu bar and choose Preferences. 2. Click the Advanced tab in the Preferences. 3.

  12. Debugging Your iPhone Mobile Web App With Safari Dev Tools

    This will open the Safari console. Once the Safari console is open, you can now see the interaction between the console and the DOM on your mobile web browser. You can see that it works similarly to the Chrome Console. When you open the inspector and hover over an HTML element, that element will be highlighted in the DOM.

  13. Remote console.log () on iOS devices

    30. plug iphone into computer. settings > safari > advanced > web inspector (turn on) open safari on your computer. run your web app on your iphone in the safari browser. on your computer in safari, go to Develop -> "name of your iphone" and then find the correct tab under "Safari" opens Web Inspector. doing these steps enables the safari debug ...

  14. How to Enable and Use Safari Web Inspector on iPhone & iPad (2023)

    Looking for a way to activate iPhone/iPad debug console or web inspector? Here is how to enable and use web inspector in Safari on iPhone and iPad.#ios17, #i...

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

  16. How to Turn on the Develop Menu in Safari on Mac

    Open Safari on your Mac and click the "Safari" button in the menu bar. Next, select "Preferences." Alternatively, you can use the keyboard shortcut Command+, (comma). This will also open up Safari preferences. Go to the "Advanced" tab. Check the box for "Show Develop Menu in Menu Bar." Now the Develop menu will appear between Bookmarks and ...

  17. Access an iPhone or iPad's Console Log

    Select your device in the sidebar and click Show Device Console. The second the console opens, you'll notice log information start to display. ⚡ Important: It is necesssary keep the console window open (even in the background) to continuously gather log information. 2. Once you are happy with the data you've collected, click the Pause ...

  18. View console logs from non-Safari browsers on an iPhone

    In Chrome or Edge on iPhone, open a new tab and go to about:inspect. Click Start Logging. Keep this tab open and open a new one. In the new tab, go to the site that you need to test and run the user scenario that will trigger a the console logs you need to see. Return to the previous tab.

  19. Browse the web using Safari on iPhone

    If you don't see Safari on your Home Screen, you can find it in App Library and add it back. On the Home Screen, swipe left until you see the App Library. Enter "Safari" in the search field. Press and hold , then tap Add to Home Screen. In Safari on iPhone, view websites, preview website links, translate webpages, and add the Safari app ...

  20. Game Boy Emulator for iPhone Now Available in App Store ...

    A week after Apple updated its App Review Guidelines to permit retro game console emulators, a Game Boy emulator for the iPhone called iGBA has appeared in the App Store worldwide. The emulator is ...

  21. What to Know About Apple Allowing Game Emulators in the App Store

    Apple updated its App Review Guidelines this month to allow "retro game console emulator apps" on the App Store for the iPhone and other devices. Below, we outline everything to know about these ...

  22. Tankride

    The «Tank Ride» company offers you an exclusive opportunity to take a part of programs with tanks T-80 and T-62M. Service: 1) Riding special tank race. 2) A tank driving and shooting with tanks. At our polygon we offer you a full service. Comfortable conditions of staying. More information.

  23. Apple Loop: Latest iPhone 16 Details, Retro Gaming Victory ...

    Taking a look back at this week's news and headlines from Apple, including iPhone 16 details, India's new iPhone advantage, more iPad Pro delays, App Store's welcome changes, Apple's Web ...

  24. PlayStation, GameCube, Wii, and SEGA Emulator for iPhone ...

    Apple updated its App Review Guidelines earlier this month to allow "retro game console emulator apps" on the App Store for the iPhone, iPad, Mac, and other devices. Earlier this week, Apple told ...

  25. Mission and Vision

    Mission and Vision. Mission. First successful projects, then lasting relationships! As it has been in the past 40 years, Mimsa believe in providing competitive prices without compromising their principles of quality. We have managed to create lasting relationships based on honesty and cooperation while adding new customers each year.

  26. Elektrostal Map

    Open­Street­Map ID. node 156167469. Open­Street­Map Feature. place=­city. Geo­Names ID. 563523. Wiki­data ID. Q198419. Thanks for contributing to our open data sources. This page is based on OpenStreetMap, GeoNames, Wikidata, Wikimedia Commons and Wikipedia. Edit This Place. Elektrostal Satellite Map

  27. Elektrostal

    Elektrostal , lit: Electric and Сталь , lit: Steel) is a city in Moscow Oblast, Russia, located 58 kilometers east of Moscow. Population: 155,196 ; 146,294 ...