• I Tried Both: Apple Watch 9 vs Fitbit Charge 6
  • Best Places to Print Photos Online

How to Activate the iPhone Debug Console or Web Inspector

Use Safari's web developer tools to study problematic websites

safari iphone 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 Change the Default Search Engine in Chrome for iOS
  • What Is Safari?
  • How to Inspect an Element on a Mac
  • How to Use Web Browser Developer Tools
  • How to Disable JavaScript in Safari for iPhone
  • How to Clear Search History on iPhone
  • 10 Hidden Features in macOS Sonoma
  • How to View HTML Source in Safari
  • How to Manage History and Browsing Data on iPhone
  • How to Change Your Homepage in Safari
  • How to Manage Cookies in the Safari Browser
  • How to Reset Safari to Default Settings
  • How to Clear Private Data, Caches, and Cookies on Mac

David Lozzi

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

safari iphone 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)
  • Use Microsoft Forms to collect data right into your Excel file
  • When Power Automate (Flow) can't find your Microsoft Form
  • Squeezing a little more formatting out of Microsoft Forms
  • Understanding Power Automate's Outlook Send Email Actions
  • Tracking usage analytics within your Power Apps
  • Getting Started with Jekyll on GitHub Pages
  • Saving data from Microsoft Forms into Excel using Power Automate (Flow)
  • Using PowerShell to access SharePoint Sites, Users, and Groups
  • Stack Overflow

RSS feed

  • 2,085,489 hits

Discover more from David Lozzi

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

Type your email…

Continue reading

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 console

Subscribe to OSXDaily

Subscribe to RSS

  • - How to Search the Web (Minus AI Junk & Clutter) with Google on Safari for Mac
  • - How to Use ChatGPT for Mac Right Now, Bypassing the Waitlist
  • - How to Search Google Without AI Rubbish & Clutter
  • - How to Install & Run Windows 11 in VMware Fusion Pro on Mac
  • - How to AirPlay from Chrome & Edge Browsers on Mac to Sonos or HomePod
  • - iOS 17.5.1 & iPadOS 17.5.1 Update Released to Fix Reappearing Deleted Photos Bug
  • - MacOS Ventura 13.6.7 & macOS Monterey 12.7.5 Updates Available
  • - iOS 16.7.8 & iPadOS 16.7.8 Updates for Older iPhones & iPads Available
  • - iOS 17.5 & iPadOS 17.5 Updates Released with Bug Fixes
  • - MacOS Sonoma 14.5 Update Released with Security Fixes

iPhone / iPad

  • - 3 Great Photo App Tips for iPhone, iPad, & Mac That You May Have Overlooked
  • - How to Find Your Phone Number on iPhone
  • - Play Apple Music in Retro Mac OS X Fashion with QuickTune
  • - How to Factory Reset Mac (MacOS Sonoma & Ventura)
  • - How to Fix the Apple Watch Squiggly Line Screen
  • - What Does the Number Badge Mean on Microsoft Edge Icon?
  • - How to Hide iPhone Keyboard When It’s Covering Buttons & Won’t Go Away
  • - What’s a PXM File & How Do You Open It?

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.

alvin alexander

iPhone Safari debugging console (iPhone/iPad web app debugging)

iPhone HTML web app debugging - I'm trying to optimize my HTML/web application to look and feel like a native iPhone app; how can I debug my web app on an iPhone or iPad (presumably using Safari)?

I was going to write about how to debug an HTML iPhone web application, but Apple has this covered very well in their Safari debugging tip , so I'll generally just refer you to that tip.

For developers that like their information fast, here's the abridged version of that iPhone Safari debugging tip:

  • On your iPhone, tap Settings, then Safari, scroll down and tap Developer.
  • On the next screen, turn on the Developer Console.

After you've changed this setting, a banner will appear above your web pages in the iPhone Safari browser when messages are in the console. Just click the Message banner to see the message content.

iPhone Safari console debugging messages

You can place your own debug messages in the Safari debugging console with JavaScript code like this:

These Safari debugging message examples use the console attribute of the JavaScript window object.

Again, for detailed information and screenshots, please see that Apple documentation page .

Help keep this website running!

  • iPhone user agent - Use JavaScript to detect the user agent
  • iPhone and iPad JavaScript dialogs (alert, confirm, prompt)
  • Setting an iPhone HTML/web app icon | iPhone app home screen icon
  • iPhone HTML apps - Status bar control (color control)
  • iPhone HTML apps - Using an app startup image (app splash screen)

books by alvin

  • Buy a Scala Cookbook, signed by Alvin Alexander
  • Book: Learn Functional Programming The Fast Way! (FP for OOP developers)
  • Functional Programming, Simplified (a best-selling FP book)
  • Dive Deeper, Faster: 12 Techniques to Quicken and Deepen Your Meditation Practice
  • On not being the body, and spiritual beings having a human experience

safari iphone console

This page requires JavaScript.

Please turn on JavaScript in your browser and refresh the page to view its content.

Freelance iOS, macOS, Apple Watch, and Apple TV Developer

Web inspector on ios devices and simulators.

Want to keep up to date? Sign up to my free newsletter which will give you exclusive updates on all of my projects along with early access to future apps.

Over the past few weeks I’ve worked on a number of projects that have necessitated me working with HTML and JavaScript be that via Safari on iOS, an SFSafariViewController, or in an embedded WKWebView. In all of these cases, I’ve needed to dive into the DOM to see what styles are being applied to certain elements or dig into a JavaScript Console to work out why some code isn’t working. On desktop, this is trivial as Safari has a Web Inspector panel built in similar to other browsers. It turns out it is also trivial on mobile as the exact same tool can be used with both iOS simulators and physical devices.

safari iphone console

If you select the ‘Develop’ tab from the menu bar of Safari on macOS, you’ll see a list of all of your connected devices and actively running simulators 1 . Drilling into this will then show all of the active web instances you can interact with; notice how the content within Safari has highlighted blue within the Simulator as I’ve moused over the twitter.com web instance above. When you click, a web inspector panel is then produced which allows you to make all the usual interrogations and changes you can within desktop Safari such as interacting with the console or changing CSS values of elements to see how they would look in realtime.

Here’s an example using a WKWebView within one of my client projects, Yabla Spanish :

safari iphone console

Discovering that simulators and devices could be interacted with in this way has been a huge timesaver for me. Whilst developing Browser Note , I was constantly needing to tweak CSS values and investigate the current state of the DOM as websites have various tricks to try and make ads or cookie notices appear on top of all content (and the note needed to be on top at all times - you should totally take a look at Browser Note whilst you’re here). In doing this, I was then able to put this knowledge to use on no less than 3 client projects in the past month; this validates my theory that by working on your own side projects you can improve your efficiency when it comes to work projects.

There are a few caveats to be aware of when using the Web Inspector with an iOS device or simulator:

  • If you want to use this on an actual device you’ll first need to enable the Web Inspector on iOS. To do this, go to the Settings app and then Safari > Advanced and toggle the Web Inspector on.
  • Whilst the Web Inspector can interrogate WKWebView, it can only do this for apps you are running via Xcode. You cannot look at the WKWebView of apps you did not create nor of your own apps from TestFlight / the App Store. However, you can inspect debug builds installed via Xcode even if the debugger is not active (i.e. you build to the device then quit Xcode).
  • Conversely, you can use the Web Inspector with any SFSafariViewController even if it is not in your own app.
  • Whilst it is still possible to submit apps that use UIWebView, the web inspector will not work with them; it needs to be WKWebView .
  • This also works for AppKit, SwiftUI, and Catalyst apps on macOS.

I use an “iDod” naming prefix for all of my devices; a throwback pun to my first Apple product, the iPod.  ↩︎

Safari Web Inspector Guide

  • Table of Contents
  • Jump To…
  • Download Sample Code

Retired Document

Important: This document no longer represents the most current version of Safari developer tools. Links to downloads and other resources may no longer be valid. For new documentation on Safari Web Inspector, please visit Safari Developer Help .

The Console

The console offers a way to inspect and debug your webpages. Think of it as the Terminal of your web content. The console has access to the DOM and JavaScript of the open page. Use the console as a tool to modify your web content via interactive commands and as a teaching aid to expand your knowledge of JavaScript. Because an object’s methods and properties autocomplete as you type, you can see all available functions that are valid in Safari.

For example, open the console and type $$(‘p’)[1] . ( $$ is shorthand for document.querySelectorAll —see more shorthand commands in Table 5-1 .) Because this paragraph is the second instance of the p element on this page ( [1] in a 0-based index), the node represents this paragraph. As you hover over the node, its position on the page is visibly highlighted. You can expand the node to see its contents, and even press Command-C to copy it to your clipboard.

Command-Line API

You can inspect HTML nodes and JavaScript objects in more detail by using the console commands listed in Table 5-1 . Type the command-line APIs interactively within the console.

If your scripts share the same function name as a Command-Line API function, the function in your scripts takes precedence.

The functions listed in Table 5-1 are regular JavaScript functions that are part of the Web Inspector environment. That means you can use them as you would any JavaScript function. For example, you can assign a chain of Console API commands to a variable to create a useful shorthand. Listing 5-1 shows how you can quickly see all event types attached to the selected node.

Listing 5-1   Find the events attached to this element

After defining this function, inspect the magnifying glass in the top-right corner of this webpage, and type evs() in the console. An array containing the string “click” is returned, because there is a click event listener attached to that element.

Of course, these functions shouldn’t be included in your website’s JavaScript files because they are not available in the browser environment. Only use these functions in the Web Inspector console. Console functions you can include in your scripts are described in Console API .

Console API

You can output messages to the console, add markers to the timeline, and control the debugger directly from your scripts by using the commands listed in Table 5-2 .

Copyright © 2018 Apple Inc. All Rights Reserved. Terms of Use | Privacy Policy | Updated: 2018-02-07

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, unlock, and lock
  • 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
  • Silence iPhone
  • 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
  • Use 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 or delete 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
  • Use an external storage device, a file server, or a cloud storage service
  • 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
  • Turn off Find My
  • 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
  • Clear location history
  • 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
  • Send and save GIFs
  • Turn read receipts on or off
  • 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
  • Use Offline Mode to read downloaded News content
  • Manually download Apple News+ issues
  • Listen to audio stories
  • Solve puzzles in Apple News
  • Solve crossword and crossword mini puzzles
  • Solve Quartiles 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
  • View and delete the call history
  • Answer or decline incoming calls
  • While on a call
  • Have a conference or three-way call on iPhone
  • Set up voicemail
  • Check voicemail
  • Change voicemail greeting and settings
  • Select ringtones and vibrations
  • Make calls using Wi-Fi
  • Set up call forwarding
  • Set up call waiting
  • Block or 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 and cookies
  • 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
  • Set up Screen Time for a family member
  • 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
  • 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
  • Keep the screen off
  • 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
  • Control iPhone with an external keyboard
  • 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 indicator light for notifications
  • Adjust audio settings
  • Play background sounds
  • Display subtitles and captions
  • Show transcriptions for Intercom messages
  • Get live captions of spoken audio
  • Type to speak
  • Record a Personal Voice
  • Lock iPhone to one app with 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
  • Reset iPhone settings
  • 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 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

IMAGES

  1. How to Use Safari in iOS 15

    safari iphone console

  2. How to Use Safari on iPhone

    safari iphone console

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

    safari iphone console

  4. Estas son todas las novedades de Safari que llegarán a tu iPhone con

    safari iphone console

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

    safari iphone console

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

    safari iphone console

VIDEO

  1. console for IOS Safari

  2. Portable iPhone console

  3. Add Safari Extensions on iPhone

  4. Safari太绝了❗️iPhone自带浏览器你真的会用吗❓

  5. 吹爆Safari iPhone自带瀏覽器好用到哭!這些隐藏功能一定要會02|用得上 第六百六十集

  6. Safari Not Playing Videos on iPhone Fixed

COMMENTS

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

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

  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. Web Inspector

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

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

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

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

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

    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.

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

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

  10. Remote console.log () on iOS devices

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

  11. iPhone Safari debugging console (iPhone/iPad web app debugging

    On your iPhone, tap Settings, then Safari, scroll down and tap Developer. On the next screen, turn on the Developer Console. After you've changed this setting, a banner will appear above your web pages in the iPhone Safari browser when messages are in the console. Just click the Message banner to see the message content.

  12. How can I get the console logs from the iOS Simulator?

    Old ways: iOS Simulator prints its logs directly to stdout, so you can see the logs mixed up with system logs. Open the Terminal and type: tail -f /var/log/system.log. Then run the simulator. EDIT: This stopped working on Mavericks/Xcode 5. Now you can access the simulator logs in its own folder: ~/Library/Logs/iOS Simulator/<sim-version ...

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

    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.

  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 Activate the iPhone Debug Console or Web Inspector?

    2. Click the Advanced tab in the Preferences. 3. Select the box next to Show Develop menu in menu bar. 4. Exit the settings window. 5. Click Develop in the Safari menu bar and click Show/Connect Web Inspector. Your attached iPhone or other iOS device appears in the Develop drop-down menu.

  16. Safari Developer Features

    Overview. Safari includes features and tools to help you inspect, debug, and test web content in Safari, in other apps, and on other devices including iPhone, iPad, Apple Vision Pro, as well as Apple TV for inspecting JavaScript and TVML. Features like Web Inspector in Safari on macOS let you inspect and experiment with the layout of your ...

  17. Use the developer tools in the Develop menu in Safari on Mac

    If you're a web developer, the Safari Develop menu provides tools you can use to make sure your website works well with all standards-based web browsers. If you don't see the Develop menu in the menu bar, choose Safari > Settings, click Advanced, then select "Show features for web developers.". See also Change Advanced settings in ...

  18. Using Console

    If an app or process in macOS stops responding or quits unexpectedly, you can use Console to examine messages and view crash reports. You can then use this information to investigate and diagnose the issue. In this tutorial, you'll learn how to use Console to view log files; locate activities, errors, and faults; and view Crash Reports on ...

  19. Web Inspector on iOS devices and Simulators

    There are a few caveats to be aware of when using the Web Inspector with an iOS device or simulator: If you want to use this on an actual device you'll first need to enable the Web Inspector on iOS. To do this, go to the Settings app and then Safari > Advanced and toggle the Web Inspector on. Whilst the Web Inspector can interrogate WKWebView ...

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

  21. The Console

    console.clear() Clears the console. console.count([title]) Prints the number of times this line has been called. console.debug(object) Alias of console.log(). console.dir(object) Prints the properties and values of the object. console.dirxml(node) Prints the DOM tree of an HTML or XML node. console.error(object)

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

  23. 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. See also Search for websites Change the layout in Safari Clear your cache.