David Lozzi

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

safari ipad entwicklertools

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
  • Saving data from Microsoft Forms into Excel using Power Automate (Flow)
  • When Power Automate (Flow) can't find your Microsoft Form
  • Squeezing a little more formatting out of Microsoft Forms
  • Tracking usage analytics within your Power Apps
  • npm install and the package-lock.json file
  • Best practices for working with data in Microsoft PowerApps
  • Use Microsoft Flow to remind the Team of due dates from Planner
  • Stack Overflow

RSS feed

  • 2,061,942 hits

Discover more from David Lozzi

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

Type your email…

Continue reading

  • Tests & Ratgeber

Entwicklertools in Safari

Safari: entwicklertools aktivieren.

Entwicklertools in Safari – so aktivieren Sie das Tool

03.02.2023, 09:43 Uhr

Marco Wehrens

Wie werden die Entwicklertools bei Safari aktiviert?

  • Im Menü am oberen Rand des Bildschirms wählen Sie den Punkt „Safari“ und dann die Option „Einstellungen“ aus.
  • In dem Fenster, das sich nun öffnet, wählen Sie den Reiter „Erweitert“ aus und aktivieren die Option „Entwickler in der Menüleiste anzeigen“. Nun sollte im Menü oben der Punkt „Entwickler“ erscheinen.
  • Klicken Sie auf diesen Punkt, sehen Sie verschiedene Optionen.
  • Deaktivieren Sie beispielsweise die Anzeige von Bildern oder verhindern Sie die Ausführung von JavaScript auf einer Webseite.
  • Saturn Gutscheine
  • Galaxus Gutscheine
  • ebay Gutscheine
  • Cyberport Gutscheine
  • LIDL Gutscheine
  • Memory PC Gutscheine
  • Euronics Gutscheine
  • BAUR Gutscheine
  • Toom Gutscheine
  • H&M Gutscheine
  • Luftreiniger im Vergleich
  • Rasierer im Vergleich
  • Ergonomische Bürostühle im Vergleich
  • Vakuumierer im Vergleich
  • Handstaubsauger im Vergleich
  • Partnersuche
  • Tagesgeld Vergleich
  • Kreditkarten Vergleich
  • Jobs & Karriere
  • Balkonkraftwerke
  • Widerrufsbelehrung
  • Datenschutz
  • Privatsphäre
  • Widerruf Tracking
  • Jugendschutz
  • Transparenz
  • Verantwortung
  • Einfach werben auf COMPUTER BILD
  • Bildnachweise
  • Apple Watch
  • Macwelt Software-Shop
  • Bestenlisten
  • Software-Shop
  • Preisvergleich

Wenn Sie über Links in unseren Artikeln einkaufen, erhalten wir eine kleine Provision. Das hat weder Einfluss auf unsere redaktionelle Unabhängigkeit noch auf den Kaufpreis.

Entwickleransicht einer Webseite auf dem iPad aktivieren

Halyna Kubiv

Einige Optionen kann man aber manuell nachrüsten und beispielsweise den Quellcode einer Webseite auf dem iPad ansehen. In der Desktop-Variante klickt man dafür einfach in der Menüleiste auf die Option „Darstellung“ und dort den Eintrag „Quelltext anzeigen“. Auf dem iPad benötigt man dafür deutlich mehr Schritte: Zuerst öffnet man die gewünschte Seite und trägt sie in die Lesezeichen ein. Dafür dient der gebogene Pfeil neben der Adressleiste. Danach wechselt man in die Lesezeichensammlung (mit dem Buchsymbol gekennzeichnet) und tippt auf „Bearbeiten“. Dabei kann man den Namen für das Lesezeichen ändern. In die Adresszeile muss man nun folgenden Java-Code eintragen:

Da das aber etwas mühsam ist, kann man den Code auf der Entwickler-Webseite kopieren und in die Adresszeile des Lesezeichens einfügen. Speichert man dann die Änderungen und wählt das so bearbeitete Lesezeichen in der Sammlung aus, wird der Quelltext der Seite in Safari eingeblendet.

vgwort

Autor: Halyna Kubiv , Redakteurin

safari ipad entwicklertools

Halyna Kubiv ist seit 2010 bei der Macwelt. Nicht nur Apple-Produkte sind ihre Leidenschaft, sondern auch Themen rund um Fitness und Gesundheit.

Aktuelle Beiträge von Halyna Kubiv:

  • iPad 10 bei Amazon unschlagbar günstig – 439 Euro
  • Produktskizzen von größerem iPad Air aufgetaucht
  • Neues iPad Air, iPad Pro, Macbook Air kommen im Frühling

Coding on iPadOS: Browser Dev Tools with Inspect

Coding on iPadOS: Browser Dev Tools with Inspect

If you’re a web developer who uses an iPad, you will eventually need access to a browser with developer tools. These tools should allow inspecting the DOM tree, changing an element’s HTML, and tweaking CSS rules. Such tasks are trivial on macOS, but the only way to inspect a web page rendered by Safari on iPadOS is to connect your iPad to a Mac.

Is that the end of the web developer tools story on iPad? Do we pack it up and go back to our Macs?

No! Inspect Browser is an iOS and iPadOS app that gives you a browser with developer tools. If you’re a web developer with an iPad, you absolutely need this app.

Few people seem to know about Inspect, so this post will take a breezy tour of its strengths and weaknesses.

Is the Inspect App Legit?

An app called “Inspect” should probably support inspecting HTML and CSS. Good news: Inspect lives up to its name and goes beyond the basics to provide a nice set of developer tools (this is no “Firebug Lite”).

As a web developer, I want to point to an element on a page and see these things:

  • The element’s position in the DOM tree
  • The markup used for the element
  • The CSS rules applied to the element

I also want to interact with JavaScript running on the page.

Inspect can do all of this.

Inspecting HTML

Inspect gives you a modal browsing experience with a “Tap to Inspect Mode” toggle that, when activated, lets you tap on any visible element to reveal it in a representation of the DOM tree in the sidebar.

safari ipad entwicklertools

This functions the same way that developer tools in desktop browsers do. You can also tap items within the DOM tree to view the same details.

The sidebar is resizable, thankfully.

safari ipad entwicklertools

The sidebar can also be positioned to the right or the bottom of the screen.

safari ipad entwicklertools

Hey, I Wrote a Book!

The Temple of Django Database Performance is my new book that mashes up tabletop gaming, databases, and Django. Explore a ruined temple while you learn advanced Django database performance tricks!

Modifying Markup With Live Preview

Once you inspect an element, you can edit its markup and preview the result live.

safari ipad entwicklertools

Web developers should be familiar with this behavior from other browsers – it’s a godsend sometimes!

Viewing CSS

The CSS tab allows viewing the element’s CSS rules. You can also edit CSS rules with live updates, similar to HTML markup.

safari ipad entwicklertools

Being able to tweak and adjust styles and markup with a live preview of the running page means that this tool allows doing frontend work on an iPad that simply wasn’t possible before Inspect. Buy this app!

Testing Responsive Layouts

Desktop browsers all include responsive layout tools now, and Inspect follows this trend. The app has a “Design” tab that lists different device size presets. Selecting one of these sets the viewport of the document to that size, e.g. an iPhone 8 Plus.

safari ipad entwicklertools

JavaScript Console

To debug JavaScript, use console.log() . If you log JavaScript objects this way, they will appear in the “Console” tab of the app as an interactive object representation.

safari ipad entwicklertools

Did You Just Say There Is No JavaScript Debugger?

There is no JavaScript debugger in Inspect. 50% of JavaScript developers should find this news completely uninteresting, while the other 50% will cry tears of blood.

I’m a debugger kind of guy, so this is the only weakness of the app that I’ve found.

Summary: I Love This App

As mentioned at the beginning of this review, Inspect is legit. I love this app because A) it works well and B) it’s one of several apps created by developers for developers to write and test code directly on an iPad. Nice work!

You may also like

Recording Pro Audio and Video at Home with iPads and iPhones

Recording Pro Audio and Video at Home with iPads and iPhones

In January, I started a new job writing and producing technical education vid...

iPad Play Dates in the Time of Coronavirus

iPad Play Dates in the Time of Coronavirus

Oregon schools closed over two months ago to prevent the spread of COVID-19. ...

Handoff from Vim over SSH to Working Copy on iPad

Handoff from Vim over SSH to Working Copy on iPad

Have you ever been working in Vim over SSH on an iPad and wanted to open up t...

Don't miss another hand-cut gem of Python and database wisdom.

👋🏽 We wrote a book! Order Wireframing for Everyone today →

Finding Your Browser's Developer Console

Native web apps like Balsamiq Cloud can be tricky to troubleshoot, especially when it comes to the number of browser and browser plugins available to users today. One thing that can help us (and you) figure out what's going on is your browser's developer (or Javascript) console. Here is how to find it on most modern browsers.

Apple Safari

Google chrome, mozilla firefox, microsoft edge.

Before you can access the developer console in Safari, you first need to enable the Developer Menu . To do that, go into Safari's preferences ( Safari Menu > Preferences ) and select the Advanced Tab .

Once that menu is enabled, you will find the developer console by clicking on Develop > Show Javascript Console .

You can also use the shortcut Option + ⌘ + C .

The console will either open up within your existing Safari window, or in a new window. It will automatically select the Console tab.

To open the developer console in Google Chrome, open the Chrome Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools .

You can also use Option + ⌘ + J (on macOS), or Shift + CTRL + J (on Windows/Linux).

The console will either open up within your existing Chrome window, or in a new window. You may have to select the Console tab.

To open the developer console in Firefox, click on the Firefox Menu in the upper-right-hand corner of the browser and select More Tools > Browser Console .

You can also use the shortcut Shift + ⌘ + J (on macOS) or Shift + CTRL + J (on Windows/Linux).

The Browser console will open in a new window.

To open the developer console in Microsoft Edge, open the Edge Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools .

You can also press CTRL + Shift + i to open it.

The console will either open up within your existing Edge window, or in a new window. You may have to select the Console tab.

  • Gotta Get It: Hot Tech Deals at Target
  • Hands On: Samsung Galaxy S24 Ultra

How to Activate the iPhone Debug Console or Web Inspector

Use Safari's web developer tools to study problematic websites

safari ipad entwicklertools

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

What to Know

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

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

Activate Web Inspector on Your iPhone or Other iOS Device

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

Open the iPhone  Settings  menu.

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

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

Scroll to the bottom of the page and select Advanced .

Move the Web Inspector toggle switch to the On position.

Connect Your iOS Device to Safari on a Mac

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

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

Select the  Advanced  tab.

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

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

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

What Is Web Inspector?

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

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

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

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

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

Get the Latest Tech News Delivered Every Day

  • Add More Features by Turning on Safari's Develop Menu
  • How to Inspect an Element on a Mac
  • How to Activate and Use Responsive Design Mode in Safari
  • 10 Hidden Features in macOS Sonoma
  • How to Clear Search History on iPhone
  • How to Disable JavaScript in Safari for iPhone
  • How to Use Web Browser Developer Tools
  • How to View HTML Source in Safari
  • 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
  • How to Manage History and Browsing Data on iPhone
  • How to Clear Internet Cache in Every Major Browser
  • How to Manage Cookies in the Safari Browser
  • How to Use Reading Mode on an iPhone or iPad

Produktbereich

Auswirkungen auf funktionen.

Keine Ergebnisse

  • How It Works
  • Requirements for Mobile Publisher for Experience Cloud
  • LWR Platform (Beta) Limitations
  • Prepare Your App’s Information for Android
  • Prepare Your App’s Information for iOS
  • Create a Mobile Publisher Project
  • Get Started with the Playground App
  • Enable Cross-Website Tracking for the Publisher Playground App (iOS)
  • Show or Hide Login Bar
  • Playground App for Android
  • Preview Your Experience Site on iOS (Simulator)
  • Preview Your Experience Site on Android (Emulator)
  • Enable Safari Developer Tools
  • Debug a Mobile Component (Safari)
  • Enable Developer Mode on Your Emulated Device
  • Debug a Mobile Component (Chrome)
  • Test How URLs Open in the Playground Publisher App
  • How to Check Your Experience Cloud Site URL
  • Advantages of Binary Upload Distribution Method
  • App Distribution Type Considerations
  • Choose Distribution Type
  • Create a Placeholder App
  • Update Test User Credentials
  • Create Service Account User and Find Your Google Play Developer ID
  • Grant Permission to Distribute Your Branded App
  • Register Your Firebase App to Enable Mobile Publisher Android Push...
  • Enter Your Information into Your Mobile Publisher Project for Android
  • Register Salesforce Bundle ID
  • Invite Salesforce to Your App Store Connect Account
  • Record Your Apple Developer Team Account Info
  • Enter Your Apple Developer Information into Your Mobile Publisher...
  • Find Your Managed Google Play Organization Info
  • Find Your Apple Deployment Programs Account Info
  • Unlisted Option for iOS App Distribution
  • Change Distribution Type for iOS
  • Change Distribution Types for Android
  • Change Distribution Account for iOS
  • Change Distribution Account for Android
  • Urge or Require Users to Update to the Latest Mobile Publisher App...
  • Allow Experience Cloud App Users to Initiate Deletion of Their Data
  • Configure App Navigation
  • Set Up the Navigation Tab Bar
  • Manage How URLs Open from Your App
  • Creating a Custom Login Flow
  • Set Up Your Android App for Google’s Privacy Policy Requirements
  • Create a Privacy Policy Page in Experience Builder
  • Create a Custom User Profile Menu Item for Your App’s Privacy Policy
  • Add a Privacy Policy for Binary Uploads
  • iPad Support Opt In
  • Create a Certificate Signing Request
  • Create Developer ID Certificate
  • Find Your Certificate ID
  • Configure Your Branded App with Apple
  • Create an Apple Auth. Provider in Salesforce
  • Update the Apple Configuration with the Callback URL
  • Test the SSO Connection
  • Create a Registration Handler
  • Enable Advanced Authentication on MyDomain
  • Create a Case for Salesforce Support
  • Test Single Sign-On with Apple ID
  • Set Time Value for Biometric ID App Unlock
  • Pre-Authorize User App Access Through Connected App Policies
  • Create Custom Notifications for Your App
  • Test Marketing Cloud Push Notifications
  • Enable Marketing Cloud Push Notifications for Mobile Publisher Apps
  • Mobile Publisher Fields for Enabling Marketing Cloud Push...
  • Create a Permission Set and Grant API Enabled Access (Optional)
  • Enable Full Content Push Notifications for Experience Cloud App
  • Enable App Permissions for Device Capabilities
  • App Permissions on Android Devices
  • Scan Barcodes with a Mobile Device Camera
  • Implement and Use Location-Based Features
  • Implement a Contact Import Feature
  • Access the Mobile Device Calendar
  • Best Practices and Guidelines for App Rating and Feedback Requests
  • Identify a User with a Mobile Device’s Biometrics Capabilities
  • Set Up URL Schemes
  • Use App Links with Mobile Publisher for Experience Cloud (Android)
  • Use Universal Links with Mobile Publisher for Experience Cloud (iOS)
  • Enable Cross-Website Tracking (iOS)
  • App Tracking Transparency (iOS)
  • Add a Smart App Banner
  • Add a Pass to Apple Wallet (iOS Only)
  • Supported Objects for Download
  • About Managed Packages
  • Request a Managed Package
  • Install a Managed Package
  • Request a Beta Version of Your App
  • Test with the UI Test Automation Model (UTAM) for Your App
  • Switch Between Testing Modes in the Experience Cloud App
  • Submit the App for Approval
  • Types of Maintenance
  • Create a New Version of Your Mobile Publisher for Experience Cloud App
  • Managed Package Maintenance
  • Considerations Before Changing Your Experience Cloud Site URL
  • Authentication
  • Temporarily Remove Mobile Publisher Apps from Sale
  • Decommission a Mobile Publisher App
  • Suggestions to Prevent App Store and Play Store Rejections
  • Identify the Version of Your Experience Cloud App
  • Mobile Publisher for Experience Cloud FAQ
  • Known Issues and Limitations for Mobile Publisher

Debug on iOS Using Safari Developer Tools

To debug your components running on iOS, use Safari Web Inspector. Then, to debug a mobile component, connect your desktop instance of Safari to the Salesforce mobile app running on your virtual device.

Required Editions

  • Enable Safari Developer Tools Start the debugging process for your iOS app.
  • Debug a Mobile Component (Safari) Use the virtual device builds to debug your Experience site app.

Company Logo

Cookie Consent Manager

General information, required cookies, functional cookies, advertising cookies.

We use three kinds of cookies on our websites: required, functional, and advertising. You can choose whether functional and advertising cookies apply. Click on the different cookie categories to find out more about each category and to change the default settings. Privacy Statement

Required cookies are necessary for basic website functionality. Some examples include: session cookies needed to transmit the website, authentication cookies, and security cookies.

Functional cookies enhance functions, performance, and services on the website. Some examples include: cookies used to analyze site traffic, cookies used for market research, and cookies used to display advertising that is not directed to a particular individual.

Advertising cookies track activity across websites in order to understand a viewer’s interests, and direct them specific marketing. Some examples include: cookies used for remarketing, or interest-based advertising.

Cookie List

Safari: Entwicklertools aktivieren - so funktioniert's

Safari: Entwicklertools aktivieren - so geht's

Für den Blick "unter die Motorhaube" einer Webseite bietet Safari die Entwicklertools. Wie Sie diese ganz einfach aktivieren, lesen Sie in diesem Praxistipp.

Die mit einem Symbol oder farbiger Unterstreichung gekennzeichneten Links sind Affiliate-Links. Kommt darüber ein Einkauf zustande, erhalten wir eine Provision - ohne Mehrkosten für Sie! Mehr Infos.

Die Entwicklertools im Safari-Browser aktivieren

Um die Entwicklertools in Safari zu aktivieren, sind nur wenige Klicks erforderlich:

  • Öffnen Sie Safari und klicken Sie in der Menüleiste auf die Option "Safari" -> "Einstellungen".
  • Klicken Sie jetzt auf das Icon "Erweitert" und aktivieren Sie die Checkbox ganz unten "Menü Entwickler in der Menüleiste anzeigen".
  • Sie können die Entwicklertools nun über die Menüleisten-Option "Entwickler" aufrufen.

Neueste Videos

Safari entwicklertools aktivieren - safari > einstellungen.

safari ipad entwicklertools

Safari Entwicklertools aktivieren - Safari > Einstellungen

(Screenshot: Felix Gillhuber)

Safari Entwicklertools aktivieren - Erweitert > "Menü Entwickler in der Menüleiste anzeigen" anklicken

safari ipad entwicklertools

Safari Entwicklertools aktivieren - Erweitert > "Menü Entwickler in der Menüleiste anzeigen" anklicken

Safari Entwicklertools aktivieren - "Entwickler" in der Menüleiste

Safari Entwicklertools aktivieren -

Safari Entwicklertools aktivieren - "Entwickler" in der Menüleiste

In einem weiteren Praxistipp erklären wir Ihnen, wie Sie Safari immer im privaten Modus starten können.

Aktuell viel gesucht

Super bowl im livestream schauen - hier geht's.

Super Bowl im Livestream schauen - hier geht's

Super Bowl im Livestream schauen - hier geht's

KI-Bilder erstellen: Diese Möglichkeiten gibt es

KI-Bilder erstellen: Diese Möglichkeiten gibt es

Windows 10: Fehler 0x80070643 beheben - so geht's

Windows 10: Fehler 0x80070643 beheben - so geht's

Windows 10: Fehler 0x80070643 beheben - so geht's

Handynummer suchen und Besitzer herausfinden - so geht's

Handynummer suchen und Besitzer herausfinden - so geht's

Handynummer suchen und Besitzer herausfinden - so geht's

Payback-Punkte auf Konto überweisen lassen - so einfach geht's

Payback-Punkte auf Konto überweisen lassen - so einfach geht's

Payback-Punkte auf Konto überweisen lassen - so einfach geht's

Instagram-Account löschen: So löschen Sie Ihr Konto dauerhaft

Instagram-Account löschen: So löschen Sie Ihr Konto dauerhaft

Freundin von HandofBlood: Das ist über die Beziehung des YouTubers bekannt

Freundin von HandofBlood: Das ist über die Beziehung des YouTubers bekannt

Deutsche Bank Phishing: Alles zur Fake-SMS "PhotoTAN App läuft ab"

Deutsche Bank Phishing: Alles zur Fake-SMS

Deutsche Bank Phishing: Alles zur Fake-SMS "PhotoTAN App läuft ab"

Word: Seitenzahl ab Seite 3 - Nummerierung von 1 beginnend

Word: Seitenzahl ab Seite 3 - Nummerierung von 1 beginnend

Windows 10: Screenshot erstellen - so klappt's

Windows 10: Screenshot erstellen - so klappt's

Windows 10: Screenshot erstellen - so klappt's

YouTube Musik runterladen - so klappt der Download

YouTube Musik runterladen - so klappt der Download

Die fünf besten kostenlosen Email-Adressen: Anbieter im Vergleich

Die fünf besten kostenlosen Email-Adressen: Anbieter im Vergleich

Neueste MacOS-Tipps

  • Apple ID: Einstellungen aktualisieren - so gehen Sie vor
  • Hochzahlen am Mac: Hoch 2 per Tastenkombination & Co.
  • Abgesicherter Modus beim Mac starten: So klappt's
  • Excel: Daten konsolidieren - so funktioniert's
  • Umschalttaste auf dem Mac: Hier ist sie auf der Apple-Tastatur
  • Mac: Copy & Paste - so funktioniert's bei Apple
  • PDF-Dateien bearbeiten auf dem Mac
  • Weitere neue Tipps

Beliebteste MacOS-Tipps

  • At-Zeichen mit Apple-Mac-Tastatur (@) - so geht's
  • iMac und MacBook zurücksetzen: Werkseinstellung herstellen
  • macOS Versionen: Alle Betriebssysteme im Überblick
  • Programme von Mac deinstallieren - wie geht das?
  • Mac: Externe Festplatte wird nicht erkannt - was tun?
  • MacBook Air oder Pro - die wichtigsten Unterschiede
  • Weitere beliebte Tipps

Die besten Shopping-Gutscheine

  • Gutscheine von OTTO
  • Deinhandy.de-Gutscheine
  • Rabatte bei Saturn
  • Home24-Rabattcodes
  • Weitere Gutscheine

OS X Daily

Tips & Tricks

Troubleshooting, safari 17.3.1 update for macos ventura & monterey fixes overlapping text bug.

Safari icon

Apple has released Safari 17.3.1 as a software update for macOS Monterey and macOS Ventura.

The small Safari update appears to resolve the same overlapping text bug that was patched with macOS Sonoma 14.3.1 , iOS 17.3.1, iPadOS 17.3.1 , and watchOS 10.3.1. When users experience this bug, it can look like text is either disappearing (even when typing), or the text can be overlapping other text, and the bug can make the user experience difficult.

If you’re continuing to run MacOS Ventura or MacOS Monterey on a Mac, this is a recommended bug fix update.

Downloading Safari 17.3.1 Update

MacOS Ventura users can find Safari 17.3.1 available as a software update through  > System Settings > General > Software Update.

MacOS Monterey users can find Safari 17.3.1 as an update through  > System Preferences > Software Update.

The update should not take long to install.

What about updating Safari to 17.3.1 in macOS Sonoma, iPhone, and iPad?

The same bug fix and Safari update is included in the recently released macOS Sonoma 14.3.1 update .

Additionally, iOS 17.3.1, iPadOS 17.3.1 , and watchOS 10.3.1 patches the same bug on iPhone, iPad, and Apple Watch, respectively.

Therefore, devices running those versions of system software (or newer) will not see the Safari update available.

Release Notes for Safari 17.3.1

There’s not much particular information about Safari 17.3.1 (or Sonoma 14.3.1 for that matter), but the update is listed on the Apple security updates and Rapid Security Responses webpage here .

If you have any additional details or notes about Safari 17.3.1 for Monterey or Ventura, share with us in the comments.

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:

  • MacOS Monterey Problems – Fixing Issues with macOS 12
  • How to Use Sidecar in MacOS Ventura
  • macOS Monterey Released, Download Now
  • How to Install macOS Ventura Public Beta

Leave a Reply

Name (required)

Mail (will not be published) (required)

safari ipad entwicklertools

Subscribe to OSXDaily

Subscribe to RSS

  • - How to Stop “Upgrade to MacOS Sonoma” Notifications on Macs
  • - How to Speed Up Auto-Showing/Hiding Dock on MacOS
  • - How to Delete an X (Twitter) Account Permanently
  • - How to Find Geographic Location of Apple Aerial Screen Savers (Mac & Apple TV)
  • - How to Batch Convert Images to WebP on Mac
  • - How to Watch Super Bowl 58 Free from iPhone, Apple TV, Mac, iPad, Web
  • - Safari 17.3.1 Update for MacOS Ventura & Monterey Fixes Overlapping Text Bug
  • - MacOS Sonoma 14.3.1 Update Fixes Text Overlap Bug on Macs
  • - iOS 17.3.1 Update Released to Fix Overlapping Text Bug on iPhone & iPad
  • - Beta 2 of macOS Sonoma 14.4, iOS 17.4, iPadOS 17.4, Available for Testing

iPhone / iPad

  • - How to See Your VO2 Max on iPhone & Apple Watch
  • - How to Stop iPhone Apps Snooping via Push Notifications
  • - Add Corporate Earnings Reports to Your Calendar on Mac, iPhone, iPad via Stocks App
  • - Fix for “No Active Device Used For Your Location” on iPhone Error
  • - Fix a MacBook Air Not Charging When Plugged In
  • - Fix Messages for Mac Showing Phone Numbers Instead of Names
  • - Slow Performance in MacOS Sonoma? Fix Sluggish Speed on Mac

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.

Use split screen in Safari on your iPad

You can use Split View in Safari to see two websites at the same time, side by side.

How to view two Safari windows on your iPad

iPad screen showing a split screen.

Open Safari.

Do one of the following:

Open a link in Split View: Touch and hold the link, then drag it to the left or right edge of your screen.

No alt supplied for Image

Use the Multitasking menu

You can also open a new Safari window in Split View with the Multitasking button:

No alt supplied for Image

Tap the Safari icon in the Dock or on your Home Screen.

Learn more about using multitasking on your iPad .

Open a link in Split View from another app

With some apps, you can open a link in Safari in Split View instead of opening the link within the app. To do this, touch and hold the link, then drag it to the right or left edge of your screen.

Close Split View

No alt supplied for Image

Related topics

safari ipad entwicklertools

Explore Apple Support Community

Find what’s been asked and answered by Apple customers.

safari ipad entwicklertools

Contact Apple Support

Need more help? Save time by starting your support request online and we'll connect you to an expert.

Pocket-lint

How to close all your Safari tabs on iPhone or iPad at once

  • Set a time frame (one day, one week, or one month) for Safari to automatically close tabs that are older, preventing tab clutter.
  • Organize Safari tabs on iPhone with Tab Groups. Create tab groups to categorize and easily find open web pages based on topics or interests.
  • Close Safari tabs open on your Mac from your iPhone.

Safari on your iPhone tends to be a bit overzealous at opening new tabs, resulting in a web browser that's more crowded than a Taylor Swift concert. Thankfully, iOS and iPadOS make it possible to close all but one tab at once -- it's one of our favorite tricks for iPhone.

If robot vacuums can automatically clean your house, why shouldn't your phone automatically clean up tabs for you? The iPhone can automatically close tabs that are older than a week or a month, keeping your Safari tab count from creeping to embarrassing numbers. You only have to arrange your settings once, then Safari will do the cleanup for you, set it and forget it.

Best iPhone: Is the new iPhone 15 worth it?

Safari has a few other hidden organization features, like tab groups and even the ability to close your MacBook's open tabs from your iPhone. We're sharing our favorite tricks for keeping your Safari tabs under control, starting with how to close all tabs on your iPhone or iPad.

How to close all tabs on iPhone or iPad Safari

If you're like us, and you end up with multiple Safari tabs open, closing them all down individually can take a very long time. We had 246 open at one point.

If you have tabs you want to keep open, you'll still need to close all of your tabs individually, pin them, or you can save a bookmark and reopen them afterward. Another option is to move those favorite tabs to a new Tab Group, as this process only deletes the tabs in the group. If you want to clear out the Safari clutter, you can close all but one tab with just a few taps. Here's how:

  • Open the Safari app on your iPhone.
  • Tap the icon with two squares in the lower right corner to view all your open tabs.
  • Optional: If you have any tabs that you want to keep open, press and hold on that tab and select Move to Tab Group , as this process only does one tab group at a time.
  • Long press on the thumbnail for an open tab . Pro tip: Use a tab you would like to keep open, as this will be the only tab remaining at the end of the process.
  • Tap on Close Other Tabs.

Alternatively, you can long-press the tab button in the bottom-right corner of Safari and then select Close All Tabs to quickly close everything that's open, including the tab you're currently viewing.

How to automatically close old Safari tabs on your iPhone

Whenever you open a link from another app, odds are it opens in Safari and creates yet another new tab, making it fairly easy for your tab count to grow without you even realizing it. But you don't have to go through and close all your tabs on a regular basis. Instead, you can have your iPhone automatically close old tabs after one day, one week, or one month.

This is a great option if you have a tendency to rack up open tabs quickly. If you turn on this feature, remember to use the bookmark tool or reading list to easily recall any important websites to revisit later, which tends to be easier than searching through your Safari history.

  • Open the Settings app.
  • Scroll down and select Safari.
  • Under Tabs, find the Close Tabs option and tap on it -- it should be set to 'manually' by default.
  • On the next screen, tap the time frame that you would like Safari to close old tabs after -- either one day, one week, or one month.

How to organize Safari tabs on iPhone with Tab Groups

Maybe you like having 217 tabs open at once (I won't judge, I've been there) but you want to be able to find what you need a bit more easily. Safari allows you to use tab groups to organize your open web pages. For example, you could have a tab group for online shopping and another for housing your favorite news websites that you want to leave open to easily read every morning. Tab Groups allow you to organize your web browsing and are especially helpful if you have lots of tabs open at once.

  • Open the Safari app on iPhone.
  • Tap on the tab icon in the lower right corner -- it's the one with the two squares.
  • Tap the menu icon at the bottom center.
  • Select New Empty Tab Group or use the New Tab Group with # Tabs to create a group with the tabs already opened.
  • Name the new tab group and tap Save.

Best MacBook laptops: Expert ranked

How to close open safari tabs on your mac from your iphone.

If you have a MacBook or iPad signed onto the same Apple ID as your iPhone, when you open the Safari app, and you tap on the two squares in the bottom right corner, you will see a list of the pages open on your MacBook below those open on your iPhone. It isn't possible to close them all down at once from your iPhone, but you can close them out one by one from your iPhone, so they are no longer open on your Mac.

  • Make sure that you have Safari enabled under the iCloud settings first . Head to the Settings App.
  • Tap your name , then iCloud .
  • In Apps using iCloud , make sure the Safari toggle is green .
  • Open Safari on your iPhone.
  • Tap the tabs icon.
  • Tap the plus to open a new tab.
  • Scroll down on the new tab until you see "From [Your MacBook's Name]."
  • There are two ways to close out these tabs -- you can tap and hold the entry to close, then select close. Or, you can click "Show All" then swipe left and tap close.

How to use picture-in-picture mode in Safari on Mac

How to open a private browsing tab in safari on iphone.

Private Browsing Mode on Safari allows you to visit websites without Safari remembering what pages you've visited, your search history or your Autofill information when you close the tab.

To open a Private Browsing Tab in Safari on your iPhone, follow these steps:

  • Press and hold the squares in the bottom right corner.
  • Select 'New Private Tab.'

You can also tap the squares once, tap 'Private' in the left corner to highlight it, and tap the '+' in the middle to open a new Private Browsing Tab.

More Safari organization tricks

Did you know that you could create different browsing profiles to keep your work and personal browsing separate? It's a new feature on iOS 17, but it's not the only Safari trick that can help keep your browser organized. You can also bookmark multiple tabs at once, or even alphabetize that long list of open Safari tabs. You can even swipe left on the address bar to quickly open a new tab. Find the step-by-step details for these tricks in our guide to Safari tips and tricks .

How to close all your Safari tabs on iPhone or iPad at once

IMAGES

  1. Safari: Entwicklertools aktivieren

    safari ipad entwicklertools

  2. Safari: Entwicklertools aktivieren

    safari ipad entwicklertools

  3. Safari-Entwicklertools: Wie wird das Konsolenprotokoll bei der

    safari ipad entwicklertools

  4. How to Open Multiple Instances of Safari on iPad with iOS 10

    safari ipad entwicklertools

  5. Как добавлять и управлять закладками в Safari iPhone/iPad

    safari ipad entwicklertools

  6. iPad Tips: Getting Started with Safari (iPadOS 14)

    safari ipad entwicklertools

VIDEO

  1. iOS 7 : Safari

  2. iPad Safari

  3. How To Turn On Private Browsing On Safari

  4. Das alte Safari Design in iOS 15 #shorts

  5. iPad mit iCloud gesichert, vor dem Update auf iPadOS 16

  6. 12 Apple iPad Tips for Christmas

COMMENTS

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

    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.

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

  3. Entwicklertools in Safari aktivieren: So geht's

    03.02.2023, 09:43 Uhr Marco Wehrens Safari ist auf allen Apple-Geräten vorinstalliert. Webentwickler können außerdem die Entwicklertools des Browsers aktivieren, um weitere Funktionen wie die...

  4. javascript

    On your computer open Safari, enable the developer tools in the settings. check the above menu for the tab Developer and find your iPad there. Full control via console from your desktop machine over the iOS Safari and you're done! PS: This works exact the same way with the iPhone as well.. Share Follow edited Aug 7, 2021 at 18:47 imxitiz

  5. How to Use Developer Tools in Safari on iOS

    Explore Book Buy On Amazon Enabling the Debug Console in Safari on iPhone, iPod touch, or iPad allows you to see HTML, CSS, and JavaScript errors directly in the device. This is the most reliable way to ensure that you have no surprise issues to resolve when you do your final testing.

  6. How to use Devtools for Safari Mobile View?

    Launch Safari browser. Click on Safari -> Settings -> Advanced. Select the checkbox -> Show Develop menu in menu bar. Once the Develop menu is enabled, it'll show up in the menu bar as shown in the image below: Note: Fundamentally, this feature is built to check responsive design in Safari.

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

  8. Safari

    Resources Watch the latest videos about Safari Safari for developers Safari is the best way to experience the internet on iPhone, iPad, and Mac. Thanks to blazing-fast performance and industry-leading energy efficiency, millions of users enjoy exploring the web with Safari.

  9. Complete Guide to Safari Developer Tools

    To open the Safari Developer Tools, right-click on Inspect and start debugging. You can leverage other built-in features offered by LambdaTest, like geolocation testing, uploading files, accessibility, and much more. Using Safari, you can use the Responsive Design Mode while debugging your websites on LambdaTest.

  10. Customize your Safari settings on iPad

    You can hide the search field, switch to Reader, and more. Open the Safari app on your iPad.. Tap , then do any of the following:. Hide the search field: Tap Hide Toolbar (tap the top of the screen to get it back). See a streamlined view of the webpage: Tap Show Reader (if available). To return to the normal view, tap Hide Reader.

  11. Entwickleransicht einer Webseite auf dem iPad aktivieren

    Entwickleransicht einer Webseite auf dem iPad aktivieren Das iPad eignet sich prima zum Surfen. Mobile Safari ist allerdings eine etwas abgespeckte Version der Desktop-Version von Safari....

  12. Coding on iPadOS: Browser Dev Tools with Inspect

    Inspect Browser is an iOS and iPadOS app that gives you a browser with developer tools. If you're a web developer with an iPad, you absolutely need this app. Few people seem to know about Inspect, so this post will take a breezy tour of its strengths and weaknesses. Is the Inspect App Legit?

  13. Get extensions to customize Safari on iPad

    Helpful? Previous Automatically fill in forms Next Hide ads and distractions In Safari on iPad, install extensions to customize your browser. Extensions can help you find coupons, block content on websites, and more.

  14. Finding Your Browser's Developer Console

    To do that, go into Safari's preferences ( Safari Menu > Preferences) and select the Advanced Tab. Once that menu is enabled, you will find the developer console by clicking on Develop > Show Javascript Console. You can also use the shortcut Option + ⌘ + C. The console will either open up within your existing Safari window, or in a new window.

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

    1. On your iPad, iPhone or iPod touch, tap Settings > Safari > Advanced and toggle on Web Inspector. And enable JavaScript if it isn't already on. 2. On your Mac, launch Safari and go to Safari menu > Preferences > Advanced then check " Show Develop menu in menu bar " if you have not done so already. 3.

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

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

  17. Debuggen in iOS mit Safari-Entwicklertools

    Debuggen in iOS mit Safari-Entwicklertools. Verwenden Sie Safari Web Inspector, um die in iOS ausgeführten Komponenten zu debuggen. Verbinden Sie dann Ihre Desktop-Instanz von Safari mit der mobilen Salesforce-Anwendung, die auf Ihrem virtuellen Gerät ausgeführt wird, um eine mobile Komponente zu debuggen.

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

  19. How to Use Apple's Safari Web Extensions in iOS 15

    First, go into the App Store and install the extension like you would with any other app. Tap the Settings app on the Home page. Scroll down, then select Safari. Choose Extensions. Tap the...

  20. Safari: Entwicklertools aktivieren

    Öffnen Sie Safari und klicken Sie in der Menüleiste auf die Option "Safari" -> "Einstellungen". Klicken Sie jetzt auf das Icon "Erweitert" und aktivieren Sie die Checkbox ganz unten "Menü...

  21. Turn Private Browsing on or off on your iPad

    Safari won't remember the pages you visit, your search history, or your AutoFill information. How to turn on Private Browsing. Open Safari on your iPad. Touch and hold the Tabs button. Tap New Private Tab. While Private Browsing is on, the Safari address bar appears black or dark instead of white or gray, and the buttons are black instead of blue.

  22. Safari 17.3.1 Update for MacOS Ventura & Monterey Fixes Overlapping

    The small Safari update appears to resolve the same overlapping text bug that was patched with macOS Sonoma 14.3.1, iOS 17.3.1, iPadOS 17.3.1, and watchOS 10.3.1.When users experience this bug, it can look like text is either disappearing (even when typing), or the text can be overlapping other text, and the bug can make the user experience difficult.

  23. Browse the web using Safari on iPad

    Translate a webpage When you view a webpage that's in another language, you can use Safari to translate it (not available in all languages or regions). Tap , then tap (if translation is available). Manage downloads To download a file, touch and hold the file or link you want to download, then tap Download Linked File.

  24. Are there any developer tools for Chrome for iPad [closed]

    I've just downloaded Google Chrome for iPad, I'm aware that it uses the webkit engine same as Safari, and so should be able to fix most of my issues using the Safari Dev Tools which already exist. The problem is that my site hangs in Chrome but not in Safari - so:

  25. Use split screen in Safari

    Open Safari. Tap the Multitasking button at the top of the screen. Tap the Split View button. Tap the Safari icon in the Dock or on your Home Screen. Learn more about using multitasking on your iPad. Open a link in Split View from another app. With some apps, you can open a link in Safari in Split View instead of opening the link within the app.

  26. How to close all your Safari tabs on iPhone or iPad at once

    Open the Safari app on your iPhone.; Tap the icon with two squares in the lower right corner to view all your open tabs.; Optional: If you have any tabs that you want to keep open, press and hold ...