safari iphone view source code

Chrunos is your current technology guide. Discover fascinating items on the internet and learn how to download media files.

5 Ways to View Page Source on iPhone or iPad [Inspect]

It is quite easy to view HTML page source code on Windows PC or Mac, but you don’t always hold your computer. For iOS users, you always have your iPhone around. It would be more convenient to view page source on iPhone or iPad. Actually, you can do it without third-party apps.

In this post, I will show you 5 ways to show webpage source code on iOS devices and even inspect elements. Sounds great? Keep reading to learn how.

Method 1: Create a View Source Shortcut

The first I recommend is to create a View Source shortcut that is available in Share Sheet, so you can easily access it from Safari. Shortcuts is a stock app in iOS 13 or new versions for automation. There are many amazing pre-made shortcuts that you can get from the internet.

Here I will show you how to make one to view HTML source code step by step. You can refer to the steps below or the video. If you don’t want to make it by yourself, you can also click this link to add it to your Shortcuts Library.

Step 1. Open the Shortcuts on your iPhone or iPad. Tap on the “+” icon to create a new one.

Step 2. Tap on the three-dot icon and enable the option “Show in Share Sheet”. Tap Done to go back to the new shortcut.

Step 3. Type “html” in the search bar and drag the “Make HTML from Rich Text” action from the search results to the shortcut.

Step 4. Type “quick look” in the search bar and drag the “Quick Look” action to the shortcut.

Step 5. Tap “Done” to save the shortcut and change the shortcut name to “View Source”.

Step 6. Go to Safari and open the web page where you want to view the source code. Tap the Safari Share button and select the “View Source” shortcut that you just created.

Shortcuts only accept Safari web pages, so if you want to view source code on Chrome or other web browsers, keep reading to find other alternative methods.

Method 2: Safari Bookmark Trick

Another way to view source code is via Safari bookmark. You can use bookmark to run a javascript and it will show the source code of any web page.

Step 1. Copy the script. You can go to this Github page and copy the script or copy the script below.

Step 2. Tap your browser (Chrome or Safari) Share button and select Add Bookmark. It doesn’t matter which web page you add. You just need to create a new bookmark for further usage.

Step 3. Tap on the Bookmark icon and locate the new bookmark that you just created.

Step 4. From there, tap Edit and change the new bookmark name to “View Page Source” and the URL to the script that you copied before.

Step 5. Go to the webpage where you want to view source code. Tap the Bookmark icon and select the View Page Source bookmark that you just saved.

Then it will display the source code of that web page. If you use Chrome, it is even simpler because you can change the bookmark URL on Step 2.

Method 3: DevTools Extension for Safari

If you also need to inspect elements, you can use a Safari extension for iPhone or iPad. There are a few of extensions that allows you to inspeact elements, including DevTools Extension, Web Inspector, and Achoo HTML Viewer & Inspector (Paid).

Let me take DevTools Extension as an example to show you how:

Step 1. Open AppStore and search for “DevToools Extension” or simply click on this link to install it.

Step 2. Once installed, go to Settings Safari > Extensions to enable DevTools Extension.

Step 3. Open Safari and visit any web page that you want to inspect. Tap on the AA icon from the address bar and select DevTools Extension.

Step 4. You will see a gear icon on the page. Tap on it and you will see the Developer Tools like on Desktop browser. When done, you can always click on the gear icon again to close Developer Tools.

Method 4: A Nice Browser That Spports View Source

Unfortunately, Chrome for iOS does not allow viewing page source. Alternatively, You can use Via Browser. It is a nice browser for iPhone and iPad that allows you to view page source and inspect elements.

Via Browser is also available for Android, so you can also use it to view page source on Android . Once you have the browser, you can tap the three bars icon on the bottom right and select Tools > View Source. It will open a new tab with the source code of your current page.

In addition, Via browser enables you to run userscripts and change user agent. As you know, some web apps only works on Desktop. If you use Via browser to change user agent to MacOS or Windows, then you can use Desktop web app on your iPhone or iPad.

Method 5: View Source App for iOS

You can also download a dedicated app for viewing HTML source code. For that, I recommend the free app View Source , which is designed for iPhone. Once you installed this app, you will see an option View Source in your Web Browser (Safari or Chrome) Share Sheet. You can simply tap on it to see the source code.

In addition, it can also work as a standalone app. Within the app, you can input any webpage URL and the app will load its source code automatically.

These 5 methods all work great on iOS devices. You can use any of them to view page source on iPhone or iPad based on your preference. For me, I prefer the Shortcuts method because Shortcuts allows you to customize it for all kinds of possibilities.

By Cody Chrunos

Related post, 8 free ways to download youtube videos on android in 2024, 6 free ways to download spotify music on android in 2024, 5 ways to transfer music to iphone from pc, one thought on “5 ways to view page source on iphone or ipad [inspect]”.

Thanks for this, shortcut now created, most useful.

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

You cannot copy content of this page

How to View Web Page Source Code on iPhone: 5 Ways

A source code is something that every developer is familiar with. In fact, they play with source codes every day. While carrying out your work on a PC or a laptop, it is easy as a pie to check the source code of any web page or website. Just right-click and you have the option right on your screen. Similarly, when you are using an Android phone, browsers like Chrome give the option to view the source code of any web page easily.

But this is not the case when you are working with an iPhone or an iPad. If you own an iPhone, and you get an urgent requirement to check the source code of any web page, you feel helpless and you have to go through the whole process of opening your PC, visiting that web page, and then inspecting it. This whole process is irritating and surely takes a lot of time. And at that time you wish if it was possible to inspect the same web page using the Safari browser of my iPhone.

Well, to your surprise, yes it is possible to view the HTML source code of any web page right through your iPhone’s Safari app. Although it’s not as simple as in Android phones, we have shared some tips and tricks that will help you out. So use these methods and the next time some web page fascinates you and you want to inspect it, just do it using your iPhone or iPad.

Table of Contents

1. Use Web Inspector Safari extension on iPhone

There is a new Safari extension available for iPhone and iPad which comes by the name Web Inspector. It is recently launched after the iOS 15 update. This extension is the most advanced web inspector tool that has ever made for the mobile smartphones till now. Why we are saying this is because it gives you features which are available in the desktop browser inspector tool. You can not only view the source code of a web page but also inspect particular HTML elements in the DOM, run codes in the console, check network requests and resources used by the web page and much more.

Here’s how you can use the Web Inspector extension on Safari browser to view page source code on your iPhone or iPad –

First, install the Web Inspector from the App Store. It is available for free and would take just few seconds to download as the size is very small.
Once installed, you will see the app added to your home screen. Click on it to open and then it will ask to allow Safari extension from the settings.
Open the Settings on your iPhone or iPad and go to Safari .

To check the source code, open the Safari app and visit the web page.

If you go to the Elements tab, there you can check more details of the element such as attributes, styles, and even computed style like you see on the desktop browsers. You can also make edits in the HTML source code of the web page, apply the changes and see the live preview.

2. Create a view source shortcut for Safari

In this method, we will using Shortcuts app on iPhone to create a shortcut for viewing the source code on Safari. This is very technical method and you will need to be attentive while following the steps. To start with, first find and open the Shortcuts app and tap the plus button at the top right corner. In the next screen, give a name to your shortcut like View source or whatever you want.

After that, tap the three dots in the upper right corner which will open a pop up box on your screen. Enable the Show in Share Sheet button and click the Done option.

Set the type of content you want to receive from the Share Sheet to Safari web pages only by clicking on the Any option on the Receive command. Make sure to clear all other inputs.

Now tap the + Add Action button and search for Make HTML from Rich Text . Click on it to add it to the shortcut.

Search for another action named Quick Look using the search bar at the bottom and add it also. This is how the final page will look like –

Now you have successfully create a shortcut for viewing source code of any web page on Safari browser. To use it, visit the web page you want to inspect and click the share button at the bottom. Swipe it up and click on the View Source option that you created with the Shortcuts app. This will open a pop up box where you will see the HTML source code of the web page.

3. Safari bookmark trick to view page source

This is the old school method which used to the only way to view the source code on iPhone before when there are no extensions available for Safari browser. This method would require you to use a script code and save it as bookmark on Safari. Then you simply need to open the bookmark on the web page you want to inspect. Here’s a detailed guide on this method –

First of all, open the Safari browser on your iPhone or iPad and visit any web page. Click on the share button (a square with an arrow pointing upward) at the bottom. Next, click on the Add bookmark option and then save it. Now you need to go to the Bookmarks, click the Edit option and then choose the bookmark you have recently saved. Change it name to something like “ View source ” and replace the address field with the below code.

Now all the technical part is done. Whenever you want to view the source code of a web page, simply open it, go to the Bookmarks and click on the new bookmark you have created to run the script. You will then see the code all over your screen. The drawback of this method is that it doesn’t highlight the HTML elements in different colors so it become little difficult to find what you are looking for.

4. Use Google’s webpage cache to view source

If you don’t want to install a third party extension on your phone or don’t use any method that involves script to view the source code of a webpage on your iPhone or iPad then this method is for you. Here will use the Google’s cache version of the web page to view its HTML source code.

For those who don’t know, Google save a cached copy of all web pages that are indexed on it. You can publicly access this cached version by adding cache: before the address of the web page. This is all what you have to do in this method.

Simply, open the Safari browser on your iPhone or iPad and visit the web page or website whose source code you want to view. After that, click on the URL tab and add cache: at the starting. As you visit the link, it will take you to Google’s cache page. Make sure there is no space after cache: otherwise you will land on Google search page instead. The next thing you have to do is to click on the View source option.

Please note that this method will only show the web page as it appeared the last time when Google crawled it. In the meantime, the current page could have changed so you won’t get to see the updated HTML source code with this method until the Google crawl the web page again.

5. Use View Source application

Although we have shared enough methods for this topic but this last one is for those people who wants to use a specific application for viewing the source code of the web pages on their iOS device. There is an app named View Source which you can find on the App Store. You simply need to install this app on your phone, open it and enter the URL of the web page you want to inspect. It will then instantly show the HTML source code. As simple as that!

Another feature that this app has is the direct integration with the Safari browser. When you browsing on Safari and instantly need to view the source of a web page, just click on the share button and swipe the pop up to reveal all options. You will find View Source there. Clicking on that will open a pop-up window where you will see the source code of the web page.

So these are some methods which you can use to view the page source in Safari browser on your iPhone or iPad. Out of all these, using the Web Inspector extension is the best one as it gives you other useful features also which are available on desktop browser. Other than that, you can also use Google’s cache method to quickly view the source code of any web page without installing any app or extension on your device. Let us know which method your personally liked that you will use. If you are facing any problem, feel free to share it in the comments below.

Vivek Chaudhary

How to Take a Screenshot on iPhone: 6 Ways

How to Change App Store Country on iPhone

Fix flickering iPhone slow motion videos

How to Fix Flickering in iPhone Slow-Motion Videos

10 Ways to Fix Incoming Call Busy Problem [Solved]

How to View HTML Source in Safari

If you want to see how a webpage was built, try viewing its source code.

University of California
University of Washington

What to Know

From Safari menu, select Develop > Show Page Source .
Or, right-click on page and Show Page Source from drop-down menu.
Keyboard shortcut: Option+Command+U .

This article shows how to view HTML source code in Safari.

View Source Code in Safari

Showing source code in Safari is easy:

Open Safari.

Navigate to the web page you would like to examine.

Select the Develop menu in the top menu bar. Select the Show Page Source option to open a text window with the HTML source of the page.

Alternatively, press Option+Command+U on your keyboard.

If the Develop menu is not visible, go into Preferences in the Advanced section and select Show Develop menu in menu bar .

On most web pages, you can also view the source by right-clicking on the page (not on an image) and choosing Show Page Source . You must enable the Develop menu in Preferences for the option to appear.

Safari also has a keyboard shortcut for viewing the HTML source: Hold down the command and option keys and hit U ( Cmd + Opt + U .)

Advantages of Viewing Source Code

Viewing the source to see how a web designer achieved a layout will help you learn and improve your work. Over the years, many web designers and developers have learned quite a lot of HTML by merely viewing the source of web pages they see. It's an excellent way for beginners to learn HTML and for seasoned web professionals to see how others used new techniques.

Remember that source files can be very complicated. Along with the HTML markup for a page, there will probably be significant CSS and script files used to create that site's look and functionality, so don't get frustrated if you can't figure out what's going on immediately. Viewing the HTML source is just the first step. After that, you can use tools like Chris Pederick's Web Developer extension to look at the CSS and scripts as well as inspect specific elements of the HTML.

Is Viewing Source Code Legal?

While copying a site's code wholesale and passing it off as your own on a website is certainly not acceptable, using that code as a springboard to learn from is actually how many people make advancements in this industry. You would be hard-pressed to find a working web professional today who has not discovered something by viewing a site's source!

Web professionals learn from each other and often improve upon the work that they see and are inspired by, so don't hesitate to view a site's source code and use it as a learning tool.

You cannot edit webpage source code in Safari. When viewing the source code in Safari, copy and paste it into an app that can export files as plain text (like TextEdit or Pages).

The iOS version of Safari doesn't directly support webpage source viewing, but you can set up a custom bookmark that will accomplish the same task. Create a new bookmark in Safari and name it "Show Page Source" (or something similar, so long as you can identify it). Then in the address text box, copy and paste a specific javascript code , then Save . Once the bookmark is set up, navigate to a webpage that you want to vide the source of, then open your bookmarks and select the new Show Page Source bookmark to view the webpage's source code.

Get the Latest Tech News Delivered Every Day

How to View the HTML Source in Google Chrome
How to Activate and Use Responsive Design Mode in Safari
How to Use the Wayback Machine
How to Get a Full Screen on iPad
How to View the Source Code of a Web Page
Add More Features by Turning on Safari's Develop Menu
8 Best Free HTML Editors for Windows for 2024
How to Use Web Browser Developer Tools
How to Inspect an Element on a Mac
How to Change Settings in iOS Dolphin
What Is an RSS Feed?
A Step-By-Step Guide to Editing the HTML Source of an Email
What Is a Home Page?
How to View and Type Emojis on a Computer
How to Pin Sites in Safari and Mac OS
How to View the Source of a Message in Mozilla Thunderbird

DEV Community

Posted on Aug 4, 2022

Viewing HTML Source Code On iPhone and iPad

As a new software engineering student I noticed a limitation when trying to test out my webpages on either my iPhone or iPad, there is no built in functionality to "view source page source". Sure, there are third party apps that do this plus much more but I just wanted a built in option right in my Safari mobile browser.

With a little googling I found there is a way and it starts with an app that every Apple device has called Shortcuts. You can use this app to build custom shortcuts that can be added to your browser actions. You can do a lot more with the Shortcuts app. (The gifs in this post were created using a shortcut!)

Once there hit the + in the top right corner to add a new shortcut. You can set the name, icon and icon color.

Then it is time to "Add Action" and search for and choose "Make HTML from Rich Text". Click the settings icon in the upper right and turn on "Show in Share Sheet". Add another action, search and choose "Quick Look".

All that is left to do now is test it out. Go to any webpage in Safari and hit the action button, then choose "View Source" and Voilà, source code!

Top comments (0)

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

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

Hide child comments as well

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

.NET Core WebAPI (Auto)Binding Parameters When Calling Via JavaScript Fetch

raddevus - Jun 14

The Art of Learning from Tutorials

tamilvanan - Jun 14

JDBC nedir ?

Mustafa Çam - Jun 14

Code Refactoring: A Technical Guide to Improving Software Quality

Coderbotics AI - Jun 14

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

How To See Source Code In Safari

Software & Applications
Browsers & Extensions

Introduction

When browsing the web, have you ever come across a beautifully designed website and wondered how it was created? Or perhaps you encountered a webpage with a specific feature that piqued your curiosity. In such instances, being able to view the source code of a website can provide valuable insights into its structure and functionality. Understanding the source code can be beneficial for web developers, designers, and anyone interested in learning more about web technologies.

In this article, we will explore two methods for viewing the source code in Safari, Apple's popular web browser . By understanding these methods, you can gain a deeper understanding of how websites are constructed and learn from the coding techniques employed by web developers.

Whether you're a seasoned web developer or someone who is simply curious about the inner workings of the web, knowing how to access the source code in Safari can be a valuable skill. It allows you to peek behind the curtain and gain a better understanding of the technologies that power the websites we interact with on a daily basis.

Now, let's delve into the methods for accessing the source code in Safari and unlock the secrets that lie beneath the surface of the web.

Method 1: Using the Developer Tools

One of the most powerful features of Safari is its built-in Developer Tools, which provide a comprehensive set of utilities for web development and debugging. By leveraging these tools, users can not only inspect the source code of a webpage but also analyze its structure, diagnose issues, and experiment with various elements in real-time.

To access the Developer Tools in Safari, users can follow these simple steps:

Open Safari and Navigate to the Desired Webpage : Begin by launching Safari and visiting the webpage for which you want to view the source code.

Access the Developer Tools : Once the webpage has loaded, navigate to the "Develop" menu in the Safari menu bar. If the "Develop" menu is not visible, users can enable it by going to Safari Preferences > Advanced and checking the box next to "Show Develop menu in menu bar." After enabling the "Develop" menu, click on it and select "Show Web Inspector."

Explore the Web Inspector : Upon selecting "Show Web Inspector," a panel will appear at the bottom or right-hand side of the Safari window, displaying a wealth of information about the webpage. The "Elements" tab, in particular, allows users to inspect the HTML and CSS of the webpage, view and modify the DOM (Document Object Model), and analyze the layout and styling of individual elements.

Inspect Elements and Network Activity : Within the Web Inspector, users can click on specific elements of the webpage to view their corresponding HTML and CSS code. Additionally, the "Network" tab provides insights into the network activity associated with the webpage, including the loading times of various resources such as images, scripts, and stylesheets.

Experiment and Debug : The Developer Tools in Safari offer a range of features for experimenting with code, debugging JavaScript, and optimizing webpage performance. Users can modify CSS styles, execute JavaScript commands, and analyze console logs to identify and troubleshoot issues within the webpage.

By utilizing the Developer Tools in Safari, users can gain a deeper understanding of how webpages are constructed, identify opportunities for optimization, and learn from the coding techniques employed by web developers. Whether you're a web development enthusiast, a designer seeking inspiration, or a curious individual eager to unravel the mysteries of the web, the Developer Tools in Safari provide a gateway to the inner workings of the internet.

With the ability to inspect and manipulate the source code of webpages, users can embark on a journey of discovery, uncovering the building blocks that form the digital landscape we interact with each day. The Developer Tools in Safari empower users to not only view the source code but also to interact with it, fostering a deeper appreciation for the art and science of web development.

Method 2: Using the View Source Option

In addition to the powerful Developer Tools, Safari offers a straightforward method for viewing the source code of a webpage through the "View Source" option. This method provides a quick and convenient way to access the underlying HTML, CSS, and JavaScript code of a webpage without the need for advanced developer tools.

To utilize the "View Source" option in Safari, users can follow these simple steps:

Navigate to the Desired Webpage : Begin by opening Safari and visiting the webpage for which you want to view the source code. This could be a website that captures your interest, a page with a specific feature you'd like to explore, or a site you're curious to learn from.

Access the "View Source" Option : Once the webpage has loaded, navigate to the Safari menu bar and click on "View." From the dropdown menu, select "Show Page Source" or use the keyboard shortcut "Option + Command + U." This action will open a new window or tab displaying the complete source code of the webpage.

Explore the Page Source : Upon accessing the page source, users can delve into the raw HTML, CSS, and JavaScript code that forms the foundation of the webpage. This view provides a comprehensive look at the structure, content, and styling of the webpage, allowing users to gain insights into the coding techniques and design elements employed by the web developers.

Navigate and Analyze the Source Code : Within the "Page Source" view, users can navigate through the code to examine specific elements, styles, and scripts used in the webpage. This exploration can provide valuable learning opportunities for those interested in understanding how different features and functionalities are implemented through code.

Gain Insights and Inspiration : By viewing the source code of webpages through the "View Source" option, users can gain a deeper appreciation for the intricacies of web development. Whether it's observing the structure of a responsive layout, analyzing the implementation of interactive elements, or studying the use of external libraries and frameworks, the "View Source" option offers a window into the creative and technical aspects of web design and development.

The "View Source" option in Safari serves as a gateway for users to explore the inner workings of webpages, fostering a deeper understanding of the technologies that power the internet. Whether you're a budding web developer, a design enthusiast, or simply someone with a curiosity for the digital realm, the ability to access and analyze the source code through this method can be both enlightening and inspiring.

By embracing the "View Source" option in Safari, users can embark on a journey of discovery, uncovering the building blocks that form the digital landscape we interact with each day. This method provides a user-friendly approach to peek behind the curtain of web development, empowering individuals to learn, explore, and find inspiration in the code that shapes the online experiences we encounter.

In conclusion, the ability to view the source code in Safari opens a gateway to the inner workings of the web, providing valuable insights into the technologies and techniques that drive the creation of captivating and functional websites. By exploring the two methods outlined in this article, users can gain a deeper understanding of web development, design principles, and the intricate coding that underpins the digital landscape.

Through the utilization of Safari's Developer Tools, users can delve into the intricacies of web development, inspecting and manipulating the source code to gain a comprehensive understanding of how webpages are constructed. The Developer Tools empower users to not only view the source code but also to interact with it, fostering a deeper appreciation for the art and science of web development. Whether it's analyzing the structure of a webpage, debugging JavaScript, or optimizing performance, the Developer Tools provide a playground for exploration and learning.

Additionally, the "View Source" option in Safari offers a user-friendly approach to accessing the underlying code of webpages, allowing individuals to explore the raw HTML, CSS, and JavaScript that form the foundation of the digital experiences we encounter. This method provides a quick and convenient way to gain insights into the coding techniques and design elements employed by web developers, fostering a deeper appreciation for the creative and technical aspects of web design and development.

By embracing these methods for accessing the source code in Safari, users can embark on a journey of discovery, uncovering the building blocks that form the digital landscape we interact with each day. Whether you're a seasoned web developer, a design enthusiast, or simply someone with a curiosity for the digital realm, the ability to access and analyze the source code can be both enlightening and inspiring.

In essence, the knowledge gained from viewing the source code in Safari can serve as a springboard for learning, experimentation, and inspiration. It provides a window into the creative and technical aspects of web development, empowering individuals to gain a deeper understanding of the technologies that power the internet. As the digital realm continues to evolve, the ability to peek behind the curtain of web development equips individuals with the insights and skills to contribute to the ever-changing landscape of the web.

By mastering the art of viewing the source code in Safari, individuals can unlock the potential to create, innovate, and shape the future of the web, armed with a deeper understanding of the coding techniques and design principles that drive online experiences.

5 Ways to Improve IT Automation

What is Building Information Modelling

Sla network: benefits, advantages, satisfaction of both parties to the contract, what is minecraft coded in, how much hp does a diablo tuner add, what is halo-fi, what is halo lock iphone, related posts.

How To View Page Source On Tablet

How To Inspect In Safari On IPad

How To Debug In Safari

How To View Page Source On Safari

How To Download R Studio On Mac

How To Inspect Page On Safari

How To Download Video From Inspect Element

How To Remove Sidebar In Safari

What is Building Information Modelling?

How to Use Email Blasts Marketing To Take Control of Your Market

Learn To Convert Scanned Documents Into Editable Text With OCR

Top Mini Split Air Conditioner For Summer

Comfortable and Luxurious Family Life | Zero Gravity Massage Chair

Fintechs and Traditional Banks: Navigating the Future of Financial Services

AI Writing: How It’s Changing the Way We Create Content

Privacy Overview
Strictly Necessary Cookies

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

How to view source code of a webpage on your iPhone or iPad

Published 25 Sep 2014

We’re big fans of iOS 8’s new Extensions framework, and a new Extension by developer Paul Hudson lets you view the source code for a webpage, right within Safari.

You could view source code of a webpage previously, but you needed a dedicated app, and had to open the page in that app. This extension lets you view the syntax highlighted source code (HTML, Javascript and CSS) without leaving Safari.

Here’s how you do it:

Download and install View Source from this App Store link ($0.99) .
Open the app once, and then hop back to Safari.
Open the webpage whose source you want to view in Safari.
Tap on the Share button to bring up iOS 8’s Share sheet.

The second row of icons contains Action Extensions. Scroll to the right of this row to reveal the More icon, and tap on it.

You should see a list of available extensions, scroll to the View Source extension, and enable it by turning on the toggle.

Now tap on the View Source icon.

You should now see a new screen with the source code of the page.

You can copy the source code to your clipboard or send it as an email.

This could be very useful to web developers who want to have a peek at the source code of their site, while they’re on the go.

Want to know more about Apple Products?

We launch new articles subscribe and get updated. MAX 1 email a week. No spam, ever.

Safari Could Get Website-Specific Dark Mode Toggle

Chandraveer Mathur

Microsoft Edge Could Dethrone Safari as World’s Second Most Popular Browser on Desktop

Safari Team Solicits Feedback Amid Complaints Calling it ‘the New IE’

Safari Bug in macOS and iOS 15 Could Leak Your Personal Data and Allow Websites to Track Your Browsing History

Apple Watch
Apple Pencil

Oct 30, 2016

11 Must Have Apps for Apple Pencil and iPad Pro Users

Khamosh Pathak

iPad Pro is a beast of a machine. Yes, it runs iOS but don’t let that fool you. iOS has many ways to be productive and for doing creative work. Granted, it’s different

Jun 13, 2016

‘Apple File System’ Is the Company’s New File System for watchOS, iOS, tvOS, and macOS

Rajesh Pandey

It has long been rumored that Apple is working on a new file system to replace the archaic HFS+ file system that macOS currently uses. The company was expected to announce a new file system

Mar 16, 2015

‘Apple Global Volunteer Program’ will let employees sign up to help local communities

Evan Selleck

Apple is no stranger to donating large sums of money to a cause, or to even help diversification within the tech industry. But now it's aiming to donate some individual human hours as well,

Want to know more about apple Products

How to view web page source in Safari on iPad or iPhone

Have you noticed that there is no “View Source” in Safari? This is a feature that I frequently use in desktop browsers such as Chrome. Well, here’s a simple trick that quickly solves that.

Viewing the source code of a web page in Safari on your iPad or iPhone requires the creation of a “bookmarklet”.

A bookmarklet is JavaScript that is stored as a URL and then saved in your “bookmarks” list on safari. So this means that when you select it from your list of regular bookmarks, it will run some javascript instead of connecting you to a normal destination URL such as a web site.

Here’s how you get it set up:

1. Navigate to this web page on your iPad or iPhone.

2. Open the file in this link – iPad View Source Bookmarklet and then select all and copy to the clipboard. It is in a seperate text file so that your browser doesn’t try to change any of the actual text.

3. Select “Add Bookmark” from the “share” menu

4. Change the name to “iPad View Source” or whatever else you would prefer

5. In the second field (where you currently see a URL), replace that with the the contents of the file you opened in step 2 above – paste it in here.. as is.

5. Press Save.. and then give it a go.

Now try it – you should get a new tab created with the source code for whichever web page you are currently viewing.

advice , iPad , iPhone , tips

One Response to How to view web page source in Safari on iPad or iPhone

iCab also does this, and so much more. Worth a look and Universal.

The biggest thing I use it for is the download manager. You can download any file, view if there’s a universal plug-in, do things like rename the file, and “open in” any supported app. I use this feature to read Scanlations of Japanese Manga (yeah, I buy the official English translation too, but as that is 3 or 4 volumes behind, I like to read my Manga as it happens.) The way it works is, download a .ZIP or .RAR file with the content inside, rename the file to .CBR or .CBZ (hopefully the correlation is fairly obvious) and then “open in” my preferred reader (ComicBookLover.) This process takes seconds, whereas the old method of using a desktop and iTunes was monolithic.iCab also impersonates other browsers and about a zillion other things… too many.. so many I’d urge you to check out the author’s page.

Tips & Tricks

Troubleshooting, how to “view source” from safari on an ipad or iphone.

Ever wanted to view source of a webpage from an iPad or iPhone? Unfortunately, mobile Safari doesn’t include the feature on it’s own and does not yet have a mobile web inspector toolkit built-in, but with the help of a custom bookmarklet you can view source of any web page right in iOS and iPadOS.

This article will show you how you can get set up so that you can view source in Safari for iPad and iPhone by using a bookmarklet and javascript trick.

How to View Source in Safari for iPad & iPhone

Open Safari if you have not done so already
Bookmark this web page (or any other) with Safari on an iPad, iPhone, or iPod touch and name the bookmark as “View Source”
Click here to view the bookmarklet javascript and then choose to Select All -> Copy
Tap the Bookmark icon at the Safari new browser screen and tap on “Edit”, then tap the bookmark you saved in step 2
Paste the javascript code you copied in step 3 into the URL bar, and then save the changes to the bookmark by tapping “Done”
Now when you want to view a web pages source on iPad or iPhone, open the Bookmarks menu and select “View Source”
The source code will appear in highlighted syntax with clickable source URLs

One important thing to note is that the javascript being used here sends the page you are viewing source to over to the michelsen.dk server for processing. If you’re not comfortable with that there are other solutions out there, but they won’t highlight the syntax and aren’t nearly as elegant overall.

For example, you can use the Javascript below as a bookmarklet to view source as well which will not process through a remote server, but it does not use syntax highlighting:

javascript:(function(){var a=window.open('about:blank').document;a.write('<!DOCTYPE html><html><head><title>Source of '+location.href+'</title><meta name="viewport" content="width=device-width" /></head><body></body></html>');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();

A similar tip utilizes an edited bookmark to let you run Firebug with Mobile Safari on an iPhone or iPad too, which may be a bit more useful for some web developers.

This awesome tip comes from Michelsen.dk . Found via Twitter, you can follow us there too

Who knows, maybe one day Safari in iOS and iPadOS will get a native ability to view source? Until then, you’ll have to rely on this party apps or tools like this.

This worked fine in testing but some users report different results on various later versions of Safari and iOS. Let us know in the comments below what works for you and what iOS version and iPad or iPhone you are using.

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.

How to Turn Off Split Screen in Safari for iPad? Exiting Safari Split Screen in iPadOS
How to View Page Source in Safari on Mac
How to Enable Reader View in Safari Automatically on iPhone or iPad
How to Use Safari Split View on iPad for Side-by-Side Web Browsing

24 Comments

» Comments RSS Feed

Oooof, MAJOR security risk. This is essentially cross site scripting. I suspect Google Chrome would now flag this as a vulnerability at runtime.

Thanks * 3000000

Try this app: https://itunes.apple.com/us/app/view-source/id1041817284?mt=8

Didn’t work for me!

Interesting trick, but this farms out the source generation to an outside site, apparently losing all dynamic device-specific content.

thank you this is very helpful

Thank you So Much! Works beautifully you’re the best!

Good hack. If you want it to display the enclosing tags, change ‘innerHTML’ to ‘outerHTML’ in the bookmarklet. otherwise it will display only the head and body tags and all their contents.

I needed to be able to see the html tags specifically on the iPad, because of a library I was using that dropped classes into the html tags based on the type of browser and device, in order to verify that it was working.

Nice trick! But, … There’s easier way. App store has the app called “HTML Viewer”. It’s free and you can switch the site any time. Search tool is included as well.

[…] way to add functionality to Safari that otherwise is impossible, allowing you to do things like “View Source” from Safari in iOS, adjust font sizes of web pages, and even run Firebug lite in iOS. This particular one has circled […]

It’s much easier to use this “view source” app…

https://itunes.apple.com/us/app/view-source-html-javascript-and-css/id917660039?mt=8

It is generally regarded as the best of breed, has a couple of nice features.

Hope this helps.

iPhone safari bookmarks don’t recognise the curly brace character in the JS, and it’s not available via editing. What to do?

[…] it with a javascript that changes on page behavior, similar custom bookmarklets have allowed us to View Page Source in iOS Safari and even use Firebug on […]

Here’s the PHP code if you want to host this yourself

http://ole.michelsen.dk/blog/wp-content/uploads/2011/07/viewsource.txt

You need GESHI installed too (syntax highlighter)

http://qbnz.com/highlighter/

this works on Android devices too

Is very cool I like it a lot

I found this one and it works:

javascript:(function(){var a=window.open(‘about:blank’).document;a.write(‘Source of ‘+location.href+”);a.close();var b=a.body.appendChild(a.createElement(‘pre’));b.style.overflow=’auto’;b.style.whiteSpace=’pre-wrap’;b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();

I use snoopy which is a variation on this idea http://snoopy.allmarkedup.com/

It should be built into iOS, but this is yet another reason that iOS isn’t ready for serious work and further proof it’s a consumer OS built for consumption, not for work.

“It should be built into the iOS..”

Who determines what “should” be built into the iOS? I think there are plenty of things that I think “should” be included in iOS that aren’t, but that hardly gives the argument that iOS isn’t ready for serious work. I’m certain that many of the individuals that use it for Enterprise would disagree with you.

Hmm. View Source on a browser page (Safari being one of a gazzilion apps out there) as a “not one click away” feature means that iOS isn’t ready for serious work? Two different products. Plus, you CAN see the source by using the tip outlined above … with Safari and iOS.

Are you wanting to use your iPad to develop websites? I normally use my Mac, then test on the iPad by clicking refresh.

Well said, Hana.

Fradrock you’re right, but you’re also wrong. I use my mac to develop websites, but a lot of the time, I’m not at home to use it, and don’t have a MacBook, yet, so I want to use my ipad. I found a fantastic little app called Textastic that works just like dreamweaver – allows me to code, highlights each different language correctly, shows errors in code and allows me to control uploads and downloads via FTP. Is it wrong to want to be able to view the source code natively as well? After all, they do advertise the ipad as a replacement to a laptop – it’s not, it’s more of a complement, but that’s how they advertise. Chengduflu is wrong in saying that its not ready for work.. It is, but there will always be outlying cases that aren’t happy with what they have, and demand more.

Hans – Apple say what is and isn’t included.

Well, it’s not working for me.

I agree – cute toy, not a serious tool

Name (required)

Mail (will not be published) (required)

Subscribe to OSXDaily

- How to Install iOS 18 Beta on iPhone
- How to Install MacOS Sequoia Beta
- Can’t Upgrade a Sonoma VM to MacOS Sequoia Beta? Try This
- Where’s the Calculator on iPad? Use Spotlight!
- How to Download & Install Windows 11 LTSC ISO
- MacOS Sequoia 15 Beta 1 Available to Download Now
- iOS 18 Beta 1 Download Available Now for iPhone & iPad
- Watch the Full WWDC 2024 Keynote Video, or Short Clips
- iOS 18 Announced with Dark Mode Icons, AI Features, Control Center Customizations, & More
- MacOS Sequoia Announced with iPhone Mirroring, AI, Passwords App, & More

iPhone / iPad

- How to Find a Misplaced Apple Watch with iPhone’s Ping My Watch
- How to Change the Voice of ChatGPT on iPhone, Mac, iPad
- Can I Keep My MacBook Pro/Air Plugged in All The Time?
- sysmond on Mac Using High CPU? Here’s the Likely Reason & How to Fix It
- 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?

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.

iPhone IMEI Check
Samsung IMEI Check
Motorola IMEI Check
LG IMEI Check
Xiaomi IMEI Check
Pixel IMEI Check
Nokia IMEI Check
Oppo IMEI Check
Honor IMEI Check
iCloud Status Check
Blacklist Status Check

Guide To View Webpage Source Code Using Safari On iPhone or Mac

Web pages are created in HyperText Markup Language usually. They have a number of elements such as scripts, images, etc. that show more of them. It could be that you want to view webpage source code on iPhone, iPad, iPod Touch or Mac using Safari.

Good news is it is easy to see the HTML source code of any webpage using Safari . It’s quite easy to do so if you have your Apple device.

Viewing Source Code of a Safari Webpage on mac

To view the source code on Mac, first you need to activate Develop Mode. Follow these steps.

Launch Safari on Mac and click Safari -> Preferences.
Click Advanced Tab -> check the box beside “Show Develop menu in the menu bar.”

You’ll now see that the menu bar has a new tap called Develop.

Showing/Viewing Page Source Code on Mac in Safari

Viewing the page source using Safari browser on Mac can be done in three ways:

Right-click on a webpage and choose “Show Source Code” and it will display in the new window.
While on the web page, press together Option/Alt+Command+U keys.
While on any web page, select Develop from Menu bar -> Show Source.

View Webpage Source Code on iPhone or iPad in Safari

There are several iOS apps that enable you to see the source code of any web page for Safari in iOS devices. The handiest according to use is “Source” when it comes to seeing HTML sources.

Follow these steps to install and activate the view HTML source code Safari Extension on your iOS device:

Download “ Source: View HTML Source Code of Webpage on Safari ” for your iDevice. You’ll have to pay $0.99.
Launch “Safari” and tap “Share” in the toolbar.
Scroll towards to the end and tap “More.”
Activate Source, tap “Done” at the top right for confirmation.

Viewing/Accessing Webpage Source Code

After enabling Safari extension on iPhone or iPad, the source code can be viewed by taking these steps.

Open Safari on iPhone or iPad and go to any page on the internet.
The next step is to tap the button “Share.”
Finally, tap on “Source” and you’ll be able to see the HTML source of the webpage on your iPhone or iPad.

After that, the page source will be shown on your iPhone or iPad. Now you can see the html page source on iPhone, iPad or iPod Touch using Safari browser .

Free Way to View Page Source on iPhone or iPad in Safari Browser

There’s a free way to view page source in Safari for iPhone and iPad. Follow the steps below to create a view source button in Safari :

Step 1: Create a new bookmark and save it in your bookmarks folder.

Step 2: Edit the bookmark and instead of webpage address add this javascript code: https://ole.michelsen.dk/viewsource/bookmarklet.min.js

Step 3: Tap Done to save the View Source bookmark.

Step 4: Navigate to the webpage you want to view the source code and tap on the bookmarks button .

Step 5: Now tap on the View Source bookmark and the page source will be displayed in a new tab.

You’re done. This is a free way to view page source on iPhone and iPad in Safari browser.

People like me, who are into the development side of iOS, as well as those who are curious, would love seeing the complex source code of Safari webpages. It is also useful to learn a thing or two about it to know if your website looks good to those who browse the web via Safari. What are your thoughts? Did you find this article useful? Feel free to leave comments.

Simple Way To Clear Safari History On iPhone and iPad

How to Turn On or Off Private Browsing On iPhone or iPad

Download Safari for Windows 10, 8 or 7 and Use it on PC

Related articles to read, top this week on unlockboot.

Best Free IPA Download Sites To Install iOS Apps for iPhone

Install GBA Emulator iPhone With iOS 11 / 12 Without Jailbreak

Official iCloud Removal Service to Bypass iCloud Activation

Bypass iOS 7.1.2 Activation Lock & Jailbreak iPhone 4

Bypass iCloud Activation Lock iOS 8.1.3 / 11 / iOS 12.2

iPhone is Disabled Error Fix Without iTunes Restore

How to Check if Samsung Phone is Unlocked or Locked

10 Best Mac Torrent Sites in 2021 to Fulfill your Streaming...

Privacy Policy
Cookies Policy

WWDC 2024: The AppStories Interviews with ADA and Swift Student Challenge Distinguished Winners

Ios and ipados 18: the macstories overview, macos sequoia: the macstories overview, this week's sponsor:.

An Extensible Spotlight Replacement Built to Boost Productivity

View Source Code in Safari with an Action Extension

Developed by Paul Hudson, View Source is a $0.99 Universal app that, as the name largely implies, lets you view the source code for webpages (HTML, CSS, and JavaScript) in iOS’ Safari with an action extension.

In the years I’ve been running MacStories and since I switched to the iPad as my primary device, I’ve often needed to debug problems on the site by looking at its source code output. Before I figured I could use Python to fetch a page’s source, I was forced to ask my colleagues or my web developer to grab the source code for me because “I was on the iPad”. In spite of iPhones and iPads being required test devices for web developers these days, Apple never added native developer features to iOS that wouldn’t need a Mac to work. I was stuck with my Python scripts and help from friends over iMessage.

With iOS 8 extensions, apps like View Source can be possible thanks to direct integration with Safari and access to the DOM . Once enabled in the browser’s share sheet, View Source will bring up a full-screen panel with source code you can read and copy. A share button lets you copy all text to the clipboard, send as email, or choose one from eight themes that include dark backgrounds and lighter styles. All these themes support syntax highlighting – a better visualization than my old scripts that didn’t support highlighting at all.

If you don’t want to run View Source as an extension (though that’s the biggest advantage), you can also use it as a standalone app. In that case, the app will simply let you browse websites manually (just like Linky ).

I wish that View Source could do more. Notably, there is no support for search or browsing of specific HTML tags, which combined with the lack of line-wrapping makes it difficult to read source code as you need to constantly scroll horizontally on the screen (especially a problem on the iPhone’s smaller screen in portrait mode). I’m hoping that a text reflow mode will be added soon, and I wouldn’t mind the more advanced options for viewing source code found in Mac apps such as Coda .

View Source isn’t perfect, but it’s a good start. Being able to view source code directly in Safari is a much better experience than having to use a dedicated app that’s not your main browser. Once again, developers are still figuring out the best ways to work with extensions in iOS 8, and View Source is yet another example of these new possibilities.

View Source is $0.99 on the App Store .

Unlock More with Club MacStories

Founded in 2015, Club MacStories has delivered exclusive content every week for over six years.

In that time, members have enjoyed nearly 400 weekly and monthly newsletters packed with more of your favorite MacStories writing as well as Club-only podcasts, eBooks, discounts on apps, icons, and services. Join today, and you’ll get everything new that we publish every week, plus access to our entire archive of back issues and downloadable perks.

The Club expanded in 2021 with Club MacStories+ and Club Premier . Club MacStories+ members enjoy even more exclusive stories, a vibrant Discord community, a rotating roster of app discounts, and more. And, with Club Premier, you get everything we offer at every Club level plus an extended, ad-free version of our podcast AppStories that is delivered early each week in high-bitrate audio.

Choose the Club plan that’s right for you:

Club MacStories : Weekly and monthly newsletters via email and the web that are brimming with app collections, tips, automation workflows, longform writing, a Club-only podcast, periodic giveaways, and more;
Club MacStories+ : Everything that Club MacStories offers, plus exclusive content like Federico’s Automation Academy and John’s Macintosh Desktop Experience, a powerful web app for searching and exploring over 6 years of content and creating custom RSS feeds of Club content, an active Discord community, and a rotating collection of discounts, and more;
Club Premier : Everything in from our other plans and AppStories+, an extended version of our flagship podcast that’s delivered early, ad-free, and in high-bitrate audio.

Federico Viticci

Federico is the founder and Editor-in-Chief of MacStories, where he writes about Apple with a focus on apps, developers, iPad, and iOS productivity. He founded MacStories in April 2009 and has been writing about Apple since. Federico is also the co-host of AppStories , a weekly podcast exploring the world of apps, Unwind , a fun exploration of media and more, and NPC: Next Portable Console , a show about portable gaming and the handheld revolution.

View Source for Safari on iOS with Shortcuts

I love view-source , it's a nifty super power of the web that nearly all mobile browsers are trying to kill. Not exactly sure why. View-source is what got me into web development because I could see how other people structured their pages, and at the time I started web development it was pretty much the only way to debug web pages.

I've also been using my iPad Pro whilst I am not at work for the next month or so... It's a great device, and it appears to be locked down in a way that restricts me from doing exactly what I want... this is until I found out about the Shortcuts app that is built in to iOS.

Shortcuts let you build small utilities, programs and automations that perform actions on certain user gestures like "Share a Page", or "Open an app", or "Connect to WiFi".

Now that I can share URLs to an "app", I can do a lot of things that are not really possible on mobile devices.

I created this "View Source" shortcut that you can use (if you trust me) to Share a page from Safari or Chrome and quickly view the source.

Here it is in action:

There is one major caveat. It doesn't inspect the exact instance of the page you are running, it has to the page in a 3rd party site that I built ( https://www-source.glitch.me ) / source - this means that if you are logged in, or there is any state that is shared (such as cookies) then it will not display the same content that you are viewing.

It's kinda hard to share the source code of a Shortcuts, so here is a screenshot:

I really hope that Safari (and Chrome) can deprecate the need for this shortcut.

Sorry Safari team
Creating a quick launcher for Android using the web
Shiming Request.formData in Safari
Twitter is using PWA shortcuts
Ricky Mondello: Adoption of Well-Known URL for Changing Passwords

I lead the Chrome Developer Relations team at Google.

We want people to have the best experience possible on the web without having to install a native app or produce content in a walled garden.

Our team tries to make it easier for developers to build on the web by supporting every Chrome release, creating great content to support developers on web.dev , contributing to MDN, helping to improve browser compatibility, and some of the best developer tools like Lighthouse, Workbox, Squoosh to name just a few.

I love to learn about what you are building, and how I can help with Chrome or Web development in general, so if you want to chat with me directly, please feel free to book a consultation .

I'm trialing a newsletter, you can subscribe below (thank you!) Enter your email

How to view the HTML source code of a web page on Mac, iPad, and iPhone

Do you want to see what’s under the hood of web pages you visit? Check out how to view a page’s source code on Mac, iPad, and iPhone.

View source code of a web page in Safari

Whether you dabble in small-time web development or you just have the general interest of digging around in code to see how things work, there may be times when you want to see the HTML source code behind a specific web page.

It’s possible to do this from Safari (or other browsers) on your Mac, and for iPhone or iPad, you will have to use dedicated third-party apps.

View the source code of a website

Here are the steps for macOS and iOS.

The first step to being able to see the HTML code of a site is to enable Develop mode , a mode that Apple hides by default as the company assumes only developers would want to tinker with these options.

Enable Develop mode in Safari:

1) Open Safari and click Safari > Settings or Preferences from the top menu bar.

2) Go to the Advanced tab.

3) At the bottom, check the box that says Show features for web developers or Show Develop menu in menu bar .

Enable 'Show features for web developers' in Safari Advanced settings

In the menu bar, you will now see a new tab called Develop .

Develop option in Safari menu bar on Mac

Show page source code:

Now that you have enabled this developer mode, you can access the source code of a web page in three different ways:

With the web page open, go to Develop in the menu bar and select Show Page Source .
On the web page for which you want to see the source code, press the Option + Command + U keys simultaneously.
This is probably the easiest option. Simply Control-click or right-click on an empty area of the page and select Show Page Source .

Show Page Source using right-click in Safari on Mac

When performing any of these actions, the source code of the page will then appear at the bottom of your Safari window. From there, you can inspect all you want.

On iPhone or iPad

If you want to view a web page’s source code from your iPhone or iPad, you will want to use an app to assist you. Most modern apps make this process easy and include useful syntax highlighting so you can better understand what you’re looking at.

We recommend using HTML Viewer Q , which is a free download from the App Store. Once installed, follow these steps to view a web page’s source code:

1) Launch HTML Viewer Q and tap the Link button at the top right of the app.

2) Enter the full URL of a web page you want to see the source code of, then tap the Go button. We will use Amazon for this example.

3) Once the page loads, tap on the Code button at the top left of the app.

You are now viewing the source code of the web page you selected. You can tap any of the numbers at the top of the app to change between different font sizes, i.e., 9pt, 12pt, 16pt, etc., and you can also use the Search button to search for any keywords or syntax you might be specifically looking for.

The app also lets you copy the HTML code so you can paste it into any other app.

This feature empowers the Curious Georges out there with the ability to see what makes a web page tick, but this is also an invaluable tool for web developers, novice or experienced, who want a better understanding of the code behind a web page or simply want to troubleshoot their own site.

Check out next: How to use Safari Web Inspector on Mac, iPad, and iPhone

Home » Tech Tips » iPhone » How to View Webpage HTML Source in iPhone?

How to View Webpage HTML Source in iPhone?

On desktop computers, you can use the developer console on the browsers to check the source code of websites. This is a very easy task when using Google Chrome browser both on Mac and Windows based computers. However, viewing source code is a lengthy process when using Safari browser on MacBook . And, that’s a kind of hidden feature with the Safari on your iPhone. If you ever wonder how to look at the HTML source code of webpages in your iPhone, here is how you can do that.

Can I View Source Code of Webpages in Safari iPhone?

The answer is no. You can’t view the source code of webpages directly on your iPhone. It also does not make sense to do such analysis with a small screen devices. However, Apple allows you to view the source code of mobile webpages and do all the Developer Console related stuffs from your Mac.

What You Need?

You need the following things to view the source code of iPhone Safari webpages on your Mac?

Your iPhone with the the latest iOS version
Lightning or USB-C connector cable
Your Mac computer or laptop
Safari browser in both iPhone and Mac

How to View Source Code of Webpages in Safari iPhone?

Follow the below steps to view the source code of webpages in Safari iPhone on your Mac.

Add “Develop” menu in Mac Safari
Enable “Web Inspector” in Safari iPhone
Connect iPhone to Mac
View source and inspect elements

Step 1 – Add Develop Menu in Safari Mac

By default, Mac Safari does not show the developer console and inspect element options. You need to manually enable “Develop” menu in order to use developer console in Safari.

Launch Safari and go to “Safari > Settings…” section.
Go to “Advanced” tab and enable “Show Develop menu in the menu bar” option.

Learn more on how to add “Develop” menu in Safari and do the responsiveness testing of website.

Step 2 – Enable Web Inspector in Safari iPhone

Similar to enabling “Develop” menu in Safari Mac, you also need to enable an option called “Web Inspector” in Safari iPhone.

Tap on the “Settings” app and go to “Safari” settings page on your iPhone.
Scroll down to the bottom and tap on “Advanced” option.
On the next screen, you can enable “Web Inspector” option.

Step 3 – Connect iPhone to Mac

Now that you have setup your iPhone and Mac. Next step is to connect the iPhone to your Mac. If you have old iPhone / Mac models, use your USB lightning cable to connect the phone to Mac. However, the latest iPhone / Mac models come with USB Type-C connector instead of lightning cable. If you have one old model device and one new model device (either iPhone or Mac), you need an additional convertor to connect your iPhone and Mac.

If this is the first time you connect your iPhone, then choose to “Trust” the device by entering your passcode. Otherwise, you will not see the webpages opened in iPhone from Mac.

Step 4 – View Source HTML Code

Launch Safari browser on iPhone and open the website you want to view the source code and inspect elements.

Go to your Mac and launch Safari browser. Navigate to “Develop > Your iPhone Name” to view the webpages that you have opened on your phone.

Click on the website to open “Web Inspector” that will show the source code of the webpage opened in Safari iPhone.

You can view elements, check source HTML / CSS and do all kind of analysis that you can do with Chrome Developer Tools .
You can select the HTML elements in Mac Web Inspector (first column) to view source code and the corresponding element will get highlighted on your Safari iPhone.

Final Words

Note that you can also do the responsive site analysis on Safari Mac. However, selecting mobile relevant elements may be difficult in responsive design mode and Mac may not have your iPhone models by default. Therefore, using Web Inspector to inspect elements is an effective method to directly get the relevant mobile element’s source code.

About Nagasundaram Arumugham

Naga is the founder and chief content editor of WebNots. He has over 20 years of experience in technology field and published more than 2000 articles.

You also might be interested in

How to Install YouTube App in Windows and Mac?

YouTube is the largest video streaming website primarily focusing on[...]

15 WordPress Hacks For Developers

WordPress is an absolute favorite among developers and bloggers because[...]

What is Weebly Developer Platform and How to Register for it?

What is Weebly Developer Platform? Weebly introduced developer center as[...]

DOWNLOAD EBOOKS

SEO Guide for Beginners
WordPress SEO PDF Guide
Weebly SEO PDF Guide
Alt Code Emoji Shortcuts PDF
Free ALT Code Shortcuts PDF
View All eBooks

FREE SEO TOOLS

Webpage Source Code Viewer
HTTP Header Checker
What is My IP Address?
Google Cache Checker
Domain Age Checker Tool
View All Free Web and SEO Tools

Type and press Enter to search

How-To Geek

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

Your changes have been saved

Email Is sent

Please verify your email address.

You’ve reached your account maximum for followed topics.

Microsoft is Reinforcing Outlook With New Security Changes

Ai search isn't the silver bullet google thinks it is, here's why, proton drive is getting even better, quick links, how to enable the develop menu in safari on mac, how to view page source in safari on mac.

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

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

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

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

Go to the "Advanced" tab.

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

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

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

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

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

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

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

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

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

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

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

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

Related: How to View the HTML Source in Google Chrome

Web Browsers

Achoo HTML Viewer & Inspector 4+

Tweak page, and customizable‪‬, christian selig, designed for ipad.

#93 in Utilities
4.5 • 276 Ratings

Screenshots

Description.

Quickly view HTML for webpages in Safari, and even tweak them! Achoo allows you to easily view the HTML for the webpage you're viewing in Safari. It shows the HTML (as well as any inline CSS and JavaScript) with beautiful and fast syntax highlighting. You can share the HTML you're viewing, allowing you to easily inspect it on an external device of your choosing, or send it to a friend, or simply copy it to your clipboard. You can edit the font if you'd like it smaller to display more information, or larger if you'd like to be able to make things out more clearly. You can also choose to edit the contents of the webpage, allowing you to make modifications and preview how they look. Changes are not permanent, simply refresh the page in Safari to return the page to its original state after you're finished previewing your changes. (Note: you're not editing the HTML directly, rather it's a visual editor of the contents of the page) As a bonus, it includes a variety of alternate home screen icons so you can customize the app to your liking beautifully.

Ratings and Reviews

276 Ratings

Incredibly impressed

This does exactly what I need it to do. It fast and easy to learn. One thing I think everyone could benefit from is being able to edit a photo as well. Being able to replace an image with another and continue editing the webpage would make this app even better! Overall I will be a lifetime user for sure.

The lack of word wrap may be a dealbreaker

Overall, this Safari extension ostensibly does what it says on the tin. But there are three downsides that should probably be aware of, which I’ve listed below in order from least bad to most bad: 1. It isn’t great that this extension doesn’t let you configure whether to show in light mode or dark mode—it only ever follows the system setting. 2. Unless I’ve missed it somewhere, it doesn’t seem possible to be able to trigger this extension from share sheets. Now, you might be wondering why you’d ever need to do that since this extensions available through Safari‘s extensions dropdown—but if you might ever be looking at a webpage within a Safari webview (such as a webpage that you’re looking at within the Twitter app), then you know that there’s no access to the Safari’s extensions dropdown within those sorts of webviews. 3. There’s no way to enable word wrap. Which might be kind of a dealbreaker since so many sites are procedurally generated these days. So for all but the most straightforward use cases, this downside may well be a dealbreaker. All that being said, this app has good bones and good promise. And if the developer might be able to resolve some of these downsides, it could easily become a five-star app.

Disappointingly few features

This extension does exactly what the description says, and nothing more. Inline HTML, CSS, JS only. Copy edits can only be made on-page, in a WYSIWYG-type editor. HTML, CSS, JS edits are not allowed, though they are implied in the description. This is not a replacement for the dev options that we expect on all modern desktop browsers. I hope that one day we have an ipad extension (or native tools) allowing this functionality without connecting iPad to a desktop computer. For now, this is not the solution I'm working for. Take the description at it's word and don't hope for any more, even standard, features.

App Privacy

The developer, Christian Selig , indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy .

Data Not Collected

The developer does not collect any data from this app.

Privacy practices may vary, for example, based on the features you use or your age. Learn More

Information

Developer Website
App Support
Privacy Policy

Family Sharing

Up to six family members can use this app with family sharing enabled., featured in, more by this developer.

Apollo for Reddit

Pixel Pals Widget Pet Game

Amplosion: Redirect AMP Links

StopTheMadness Mobile

Mapper for Safari

Banish - Block 'Open in App'

Noir - Dark Mode for Safari

Vinegar - Tube Cleaner

Total Refresh for Safari

View in English

Tools, documentation, forums, videos, and more.

Safari Technology Preview

Get a sneak peek at upcoming web technologies in macOS and iOS with Safari Technology Preview and experiment with these technologies in your websites and extensions.

Safari Technology Preview for macOS Sequoia Support for macOS 15 beta coming soon
Safari Technology Preview for macOS Sonoma Requires macOS 14 or later
Safari Technology Preview for macOS Ventura Requires macOS 13 or later
Release Notes

June 5, 2024

Safari beta

Try out the next version of Safari for upcoming macOS releases. To access the latest beta versions of Safari, sign in with your Apple ID.

View downloads

Release Date

September 20, 2021

Guides and sample code

Get details on implementing web technologies with guides, reference, and sample code.

Safari Web Extensions
Apple Pay on the Web
Security Keys
Video Content in Safari
More Safari Documentation

Watch and learn from our engineers as they show how to bring the latest web technologies to your websites on Safari.

Watch Safari and Web Videos

Ask questions and discuss a variety of web development topics with Apple engineers and other developers.

Apple Developer Forums

Featured web technologies

Safari extensions.

Safari extensions are a powerful way to add new features to Safari. They are built in Xcode with web technologies, such as HTML5, CSS3, and JavaScript and powerful native APIs. Now you can distribute and sell them through the App Store on Mac, iPhone and iPad.

Meet Safari Web Extensions on iOS
Explore Safari Web Extension improvements
Converting a Web Extension for Safari
Creating a Content Blocker
Submit Your Extension

Universal links

Seamlessly link to content within your app or on your website in iOS, iPadOS, and macOS. With universal links, you can always give users the most integrated mobile experience, even when your app isn’t installed on their device.

Universal Links

Smart App Banners

Make it easy for people to discover and download your app using iOS, iPadOS, and macOS. With Safari Smart App Banners, you can display a banner that provides a direct link to your app on the App Store, or opens the app if the user already has it installed. Smart App Banners integrate seamlessly and are easy to implement.

Promoting Apps with Smart App Banners

HTTP Live Streaming (HLS)

Deliver streaming media to apps on iOS and iPadOS or HTML5-based websites using an ordinary web server.

HTTP Live Streaming

Safari iCloud Keychain

Easily create more secure logins for users in iOS 15, iPadOS 15, and macOS Monterey or later using iCloud Keychain verification codes. Take advantage of verification codes, AutoFill, iCloud Keychain sync, and two-tap setup to simplify the multistep sign-in process.

Secure login with iCloud Keychain verification codes
Securing Logins with iCloud Keychain Verification Codes
Safari Push Notifications

Use the Apple Push Notifications Service to send notifications to your website vistors, right on their Mac desktop — even when Safari isn’t running. These notifications display your website icon and notification text, which people can click to go right to your website.

Certificates, Identifiers & Profiles

Introduced by Apple, WebKit is the most advanced rendering engine, drawing the web pages in Safari on iOS, iPadOS, and macOS.

WebKit Open Source Project

Write automated tests to exercise web content in Safari to ensure a good user experience, and run those same tests against other browsers with a WebDriver-compliant driver.

macOS WebDriver Commands for Safari 11.1 and earlier
macOS WebDriver Commands for Safari 12 and later
About WebDriver for Safari
Testing with WebDriver in Safari

You are using an outdated browser. Please upgrade your browser to improve your experience.

Safari 18 includes a new Highlights feature for summarizing articles and more

Safari 18 introduces a new Highlights feature which can summarize articles and provide key info about a page

According to Apple, Safari 's new Highlights feature can provide users with useful page information as they browse. This includes things like article summaries, directions, and quick links.

Safari Highlights was originally titled "Intelligent Search" during its development period. The feature was discovered by AppleInsider in our exclusive report on Safari 18, months ahead of release.

With Highlights, users will be able to quickly learn and obtain relevant information about people, music, movies, TV shows, and locations.

When planning a trip, for instance, users will be able to get the most relevant details about a location. This can include the phone number and address of a hotel the user might be interested in.

According to Apple, Users will have the option to play an artist's music from Highlights or receive details about a TV show or movie.

Safari 18 also features a redesigned Reader view, which includes an AI-generated table of contents as well as summaries of news articles. The same types of summaries will also be available within the Highlights UI inside Safari.

As we revealed in our exclusive report on Apple's Project BlackPearl , the company's AI software is capable of generating summaries consisting of exactly three sentences. It appears that Safari 18 will utilize this type of summarization for Highlights and the new Reader view.

Safari 18 also features a new Viewer mode, which immediately detects video on a page - and offers the option to move the video to Picture-in-Picture or switch to fullscreen mode.

Notably absent from the new version of Safari is Apple's in-house content blocker called Web Eraser . Apple apparently scrapped the feature ahead of release, likely due to pressure and complaints from the UK's News Media Association as well as a group of French publishers .

The AI-enhanced Safari browser is only one of many updates within the new operating systems Apple announced on Monday. At its annual WWDC , the company announced iOS 18, iPadOS 18 as well as macOS Sequoia .

There are no Comments Here, Yet

Blowout deals: Apple's M1 iMac falls to $949

What happened to Safari Web Eraser — the controversy, and what it looked like

Best features in watchOS 11 for Apple Watch

Eye Tracking lets you navigate iOS 18 without touching your iPhone

Man ludicrously blames Apple for his wife catching him communicating with prostitutes

Smart Script impressively forges handwriting in iPadOS 18 Notes app

Featured deals.

Apple's M3 MacBook Air plunges to $899, the lowest price ever

Tim Cook may have met with Trump during WWDC to discuss second term priorities

Apple CEO Tim Cook may have left WWDC extremely early on Thursday morning to meet with presidential candidate Donald Trump, in what has been described as a meandering discussion.

One of Apple's upgrades for Safari — the Web Eraser content blocker — never became available to the public, even though it was complete and fully functional. Here's what happened along the way, what it looked like, and how it worked.

iOS 18 isn't any more of a cheater's operating system than Android has been

Social media "influencers" are inventing scenarios and features for iOS 18 that they're screaming makes it the prime operating systems for cheaters. This is more ignorant than normal.

Blowout deals are in effect now on Apple's M1 iMac 24-inch line, with discounts of up to $650 off and prices as low as $949 on upgraded models. Shop the highly aggressive price points now before supply runs out.

EU is reportedly going to fine Apple over failure to comply with the Digital Markets Act

Reports say that the European Union is about to issue Apple with the first-ever fine of a company under its Digital Markets Act, and specifically over anti-steering measures in the App Store.

Save up to $180 on Sonos speakers with weekend deals at Best Buy

Seriously upgrade your home audio setup this week, by securing up to $180 off select Sonos speakers at Best Buy.

Apple Watch is getting its yearly feature infusion this fall with tons of updates. Here are our new favorite abilities in watchOS 11.

Freeform in iOS 18 is enormously easier to work inside and navigate

Apple's Freeform productivity app has been made easier to navigate and to understand, thanks to some changes in iOS 18, iPadOS 18, and macOS Sequoia.

Latest Videos

Our favorite features so far in iOS 18 from Control Center to Genmoji

How iOS 18 lets you neatly rearrange app icons and home screen widgets

Latest reviews.

PNY Elite-X Type-C Drive review: Small size, huge convenience

VITURE One XR glasses review: Good versatility with accessory limits

Heybike Hero review: sparing almost no expense in a carbon fiber e-bike

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

Safari 18 Features: Highlights, New Reader Mode, and Video Viewer

In macOS Sequoia , Apple has some additional features in Safari 18 that are likely to be welcomed by Mac users. Here's a quick rundown of what's new.

Highlights can be accessed via a new site menu icon that appears in the address bar, from which you can quickly pull up relevant information about a site, such as directions, summaries, or quick links to learn more about people, music, movies, and TV shows.

As of writing this, Highlights does not appear to work outside of the United States, so it is likely to be region-specific at this early state. However, there are other changes to Safari that are live wherever you are located.

If you click the button again, a dropdown menu lets you change the theme (white, off-white, gray, black) and choose your preferred font (Athelas, Charter, Georgia, Iowan, New York, Palatino, San Fransisco, Seravek, and Times New Roman).

In this menu, you can also find text size options by percentage (from 50% to 300%), as well as a "Find..." option to find a word or phrase on a page, and a button to Hide Reader mode.

Apple says that Reader can also provide a summary of an article, along with a table of contents in a sidebar, but we could not get this to work, likely because it is an aspect of Apple Intelligence , which will not be introduced until later in the year.

In other Safari-related changes, ‌macOS Sequoia‌ beta adds support for opening links directly in web apps. Now, when you click a link, that link should open in the web app instead of your default web browser. You can also now personalize web apps on Mac with Safari Web Extensions and Content Blockers.

Lastly, Safari 18 beta for iOS, iPadOS, visionOS , ‌macOS Sequoia‌ and macOS Sonoma brings inline predictive text to the web, and you can now set which Safari profile should be used to open particular websites.

Get weekly top MacRumors stories in your inbox.

iOS 18 Adds Pop-Out Bezel Animation When Pressing iPhone Buttons

Revealed: iOS 18 Works With These iPhone Models

Apple Provides Updated Look at Next-Generation CarPlay at WWDC 2024

Apple Announces iOS 18 With New Customization Features, Redesigned Photos App, and More

macOS Sequoia and iPadOS 18 Drop Support for These Macs and iPads

Everything Apple Announced at WWDC 2024 in Nine Minutes

Massive iPhone Upgrade Coming This Week But These Devices Will Miss Out

Top rated comments.

People still use Safari? I tried it when i first had my Mac, but I could nto get on with it, then I tried it again a few weeks ago, but had problems with some sites not working, so I have gone back to Firefox.

Safari is still the second-most used browser. Far behind Chrome but also far ahead of Firefox. Of course, most of that is iOS/iPadOS. But even on the desktop, Safari is ahead of Firefox and Safari is not even available on Windows & Linux, unlike Firefox. So yeah... People still use FireFox? :D

No fixes to the messy interface? I have no idea where to find stuff anymore. Scattered around the share sheet, under the A button, the refresh button, the extensions menu, third party buttons, … And there are iCloud tabs, tab groups, profiles, tab group favorites, ….

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

Apple News+ improvements, cross-platform tracker alerts, website app downloads for the EU, and more.

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

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

Updates to Mail, Photos, Messages, and more, with Apple Intelligence features throughout.

iPhone Mirroring, Safari improvements, new Passwords app, and Apple Intelligence features throughout.

Action button expands to all models, new Capture button, camera improvements, and more.

Larger displays, new Capture button, camera improvements, and more.

How Apple's Safari Highlights Compares With Google's AI Overviews

A t its WWDC 2024 developer conference on Monday, Apple showed off Safari Highlights, a browser feature that resembles Google's AI Overviews .

If you witnessed the rough start for AI Overviews , you might be wondering why. Or at least you may be wondering how similar Safari Highlights might be.

In brief, Safari Highlights uses machine learning to display relevant information at the top of certain web pages as you browse.

It's part of Apple's big new push into generative AI. At WWDC, the tech company announced a long-awaited AI framework called Apple Intelligence , which will power new features like text summaries and image personalization, along with a revamped version of Siri, which will use AI to become more conversational and personal .

There was a lot of anticipation leading up to WWDC about what exactly Apple had up its sleeve with generative AI. Though its Big Tech peers long ago planted their flags, Apple has characteristically taken its time. Now we have a better sense of how the company plans to catch up, which also includes a deal with OpenAI to bring the popular ChatGPT chatbot to the iPhone with iOS 18 later this year.

Here's how Safari Highlights works. The feature displays directions, summaries and links to help you learn more about the people, music, movies and TV shows you're researching via the browser. Based on the examples shown during Monday's event, Highlights taps information from sources like Apple Music, Apple TV Plus and Wikipedia.

For instance, if you're reading an article about Dua Lipa, Safari Highlights might pull an album for you from Apple Music, or if you're reading a review of Palm Royale, it could feature the show's Apple TV Plus page.

It wasn't immediately clear if Apple is using other sources for Highlights or if other topics will spur callouts. Apple didn't respond to a request for comment.

Apple announced a similar feature, Safari Summaries, for its Reader app. Here, Apple will remove "distractions" like ads from articles and it will add a table of contents and a summary for what you're about to read. Videos will automatically expand to fill the window in a similar capacity.

By comparison, Google's AI Overviews were supposed to usher in a new era of search with a custom Gemini model that better understands our intent and quickly addresses what we're looking for, adding summaries at the top of search engine results pages — including tackling questions we didn't even ask yet.

These summaries cover a much wider range of information and source responses from across the web. There's also more of a personalized aspect here as Google's AI systems learn from user behavior.

But Google quickly scaled back AI Overviews after the feature sometimes returned bizarre responses , such as suggesting that people eat rocks or put glue on pizza. The company refined the queries that yield AI Overviews , saying the feature would no longer address health-related queries or queries where it senses users are trying to trip it up.

Google's Gemini and other chatbots are known to have trouble with AI hallucinations , when a generative AI model presents false or misleading information as fact. Hallucinations arise from flawed training data, algorithmic errors or misinterpretations of context.

Editors' note: CNET used an AI engine to help create several dozen stories, which are labeled accordingly. The note you're reading is attached to articles that deal substantively with the topic of AI but are created entirely by our expert editors and writers. For more, see our AI policy .

How Apple's Safari Highlights Compares With Google's AI Overviews

iOS 17 Cheat Sheet: Everything You Need to Know About the iPhone Update

From how to use the latest iPhone features, what the minor updates fix and everything in between.

Apple software beta tester, "Helps make our computers and phones work!" - Zach's grandparents

Before Apple releases iOS 18 in the fall, don't miss out on any of these iOS 17 features. The tech giant released iOS 17 in September , shortly after the company held its Wonderlust event , where the tech giant announced the iPhone 15 lineup , the Apple Watch Series 9 and the Apple Watch Ultra 2 . We put together this cheat sheet to help you learn about and use the latest features in iOS 17. This page will also help you keep track of the subsequent iOS 17 updates.

Read more: What You Need to Know About iOS 18

iOS 17 updates

iOS 17.5.1 Fixes This Potentially Embarrassing Bug
All the Features Your iPhone Gets With iOS 17.5
iOS 17.4.1 Fixes These Issues on Your iPhone
iOS 17.4 Brings These New Features to Your iPhone
Why You Should Download iOS 17.4 Right Now
iOS 17.3.1 Fixes This Issue on Your iPhone
iOS 17.3: All the New Features on Your iPhone
Why You Should Download iOS 17.3 Right Now
iOS 17.2.1: What You Should Know About the iPhone Update
iOS 17.2 Brings These New Features to Your iPhone
What iOS 17.1.2 Fixes on Your iPhone
iOS 17.1.1 Patches These iPhone Issues
What New Features iOS 17.1 Brings to Your iPhone
What to Know About iOS 17.0.1
Apple Made an iPhone 15 Mistake, but iOS 17.0.2 Is Here to Fix It
iOS 17.0.3 Fixes This iPhone 15 Pro Problem

Using iOS 17

Three iPhone Settings to Change After Downloading iOS 17
iOS 17's Best New Features
The iOS 17 Features We're Excited About
iOS 17 Is Filled With Delightful Features, Intuitive Improvements and More
17 Hidden iOS 17 Features You Shouldn't Miss
iOS 17 Upgrades Your iPhone's Keyboard
What to Know About Your iPhone's Latest Word Game, Quartiles
You Can Tag Your Pets in Your 'People' Album With iOS 17
How to Create Live Stickers in iOS 17
How to Set Up Contact Posters in iOS 17
How to Automatically Delete Two-Factor Verification Codes in iOS 17
What to Know About iOS 17's Unreleased Journal App
How Good Are Offline Maps in iOS 17?
How to Use iOS 17's Live Voicemail Feature
You Can Change Your Private Browser in iOS 17
Hidden iOS 17 Feature Makes It Easier to Send Photos and Videos
You Can Clone Your Voice with iOS 17. Here's How
Are Audio Message Transcripts in iOS 17 Any Good?
Sharing AirTags in iOS 17 Is Easy. Here's How
How to Create Camera Shortcuts in iOS 17
What You Need to Know About the Improved Autocorrect in iOS 17
Use This Hidden iOS 17 Feature to Reduce Eye Strain
How to Enable Sensitive Content Warnings on Your iPhone
Let Your Loved Ones Know You're Safe With This iOS 17 Feature
Simplify Your Grocery List With iOS 17
How to Turn Off FaceTime Reactions in iOS 17
What Is iOS 17's Journal App and How Does It Work?
You Can Use Albums for Photo Shuffle on Your Lock Screen
Play Daily Crosswords in Apple News With iOS 17
How to Turn Off the Most Annoying iOS 17 Features
iOS 17.2 Brings Better Wireless Charging to These iPhones
How to Turn Inline Predictive Text Off With iOS 17.2
How to Enable Contact Key Verification With iOS 17.2
Don't Like Your iPhone's Default Alert Tone? Here's How to Change It
The Latest Security Features in iOS 17.3
How to Secure Your Data With Stolen Device Protection
Apple Music's Collaborative Playlists Are Here. This Is How You Use Them
People in the EU Can Download Other App Stores Soon
All the New Emojis Your iPhone Just Got
How to Give Your iPhone's Stolen Device Protection a Boost
What to Know About Podcast Transcripts on Your iPhone
How to Enable Siri to Read Texts in Multiple Languages
Where to Find Your Apple Cash Virtual Card Numbers

Getting started with iOS 17

iOS 17 Review: StandBy Mode Changed My Relationship With My iPhone
Whether or Not Your iPhone Supports iOS 17
Do This Before Downloading iOS 17
How to Download iOS 17 to Your iPhone

Make sure to check back periodically for more iOS 17 tips and how to use new features as Apple releases more updates.

Do You Know About These 17 Hidden iOS 17 Features?

Mobile Guides

Best iPhone
Best Galaxy S24 Deals
Best iPhone Deals
Samsung Galaxy S24 Review
Best Android Phones
Best Samsung Galaxy Phone
Pixel 8 Pro Review
iPhone 15 Pro/Pro Max Review
Best iPhone 15 Deals
Best Foldable Phones
Galaxy Z Fold 5 Review
OnePlus Open Review
Best Galaxy Z Flip Deals
Best Wireless Earbuds
Best Noise Canceling Headphones
Best Headphones
Best Over Ear Headphones
Best Wireless Earbuds and Headphones for Making Calls
Best Headphones for Work at Home
Best Noise Canceling Wireless Earbuds
Best Sounding Wireless Earbuds
Best Cheap Wireless Earbuds
Best Wireless Headphones
Best iPhone 15 Cases
Best iPhone 14 Cases
Best Power Bank for iPhone
Best Airpods Pro Accessories
Best Magsafe iPhone Accessories
Best Speakerphone
Best Wireless Car Charger and Mount
Best iPhone Fast Charger
Best Portable Chargers and Power Banks for Android
Apple Watch Series 8 vs Series 7
Best Apple Watch Bands
Best Android Smartwatch
Apple Watch Ultra Review
Best Smartwatch
Best Prepaid Phone Plans
Best Cheap Phone Plans
Best Unlimited Data Plans
Best Phone Plans
Best Phone Plan Deals
Best Senior Phone Plans
Best Family Phone Plans
Best Travel Phone Plans
Best Verizon Plans

Work & Careers
Life & Arts

Become an FT subscriber

Try unlimited access only $1 for 4 weeks.

Then $75 per month. Complete digital access to quality FT journalism on any device. Cancel anytime during your trial.

Global news & analysis
Expert opinion
Special features
FirstFT newsletter
Videos & Podcasts
Android & iOS app
FT Edit app
10 gift articles per month

Explore more offers.

Standard digital.

FT Digital Edition

Premium Digital

Print + premium digital, ft professional, weekend print + standard digital, weekend print + premium digital.

Essential digital access to quality FT journalism on any device. Pay a year upfront and save 20%.

Global news & analysis
Exclusive FT analysis
FT App on Android & iOS
FirstFT: the day's biggest stories
20+ curated newsletters
Follow topics & set alerts with myFT
FT Videos & Podcasts
20 monthly gift articles to share
Lex: FT's flagship investment column
15+ Premium newsletters by leading experts
FT Digital Edition: our digitised print edition
Weekday Print Edition
Videos & Podcasts
Premium newsletters
10 additional gift articles per month
FT Weekend Print delivery
Everything in Standard Digital
Everything in Premium Digital

Complete digital access to quality FT journalism with expert analysis from industry leaders. Pay a year upfront and save 20%.

10 monthly gift articles to share
Everything in Print
Make and share highlights
FT Workspace
Markets data widget
Subscription Manager
Workflow integrations
Occasional readers go free
Volume discount

Terms & Conditions apply

Explore our full range of subscriptions.

Why the ft.

See why over a million readers pay to read the Financial Times.

International Edition

IMAGES

View Source In iPhone, iPad Safari On iOS 8 With This Extension
View Source for Safari on iOS with Shortcuts
View Source In iPhone, iPad Safari On iOS 8 With This Extension
ios
Viewing html in safari
View Source for Safari on iOS with Shortcuts

VIDEO

How to get iOS Safari browser on Android
How to create a WebView in Xcode (SwiftUI / iOS)
How to use Safari in Swift
🍎 iPhone Safari For Android
how to go to safari on Apple Watch
How to Find Text on Webpage with Safari on iPhone and iPad

COMMENTS

5 Ways to View Page Source on iPhone or iPad [Inspect]
Step 6. Go to Safari and open the web page where you want to view the source code. Tap the Safari Share button and select the "View Source" shortcut that you just created. Shortcuts only accept Safari web pages, so if you want to view source code on Chrome or other web browsers, keep reading to find other alternative methods. Method 2 ...
How to view webpage HTML source codes on iPad / iPhone ...
8 Easy Steps to see HTML source codes. Tap Safari (iPhone, iPod, or iPad), if it is not already open, and visit this page. This method also works for Chrome. Choose the Name Field and hit the X icon to clear it and name it "Show Page Source" and then tap "Save.".
How to view page source in Safari browser on an iPhone?
Mobile Safari can call other programs to "View Source" via the share functionality in iOS / iPadOS. To transform your web page into source, install an app that has this functionality (e.g. View Source - HTML, JavaScript and CSS), click the share button in the middle of screen footer (the icon depicts an arrow out from a square). This will open ...
How to View Web Page Source on iPhone/iPad: 7 Best Methods
The tool gives an iPhone-size view of the source code. However, you can change orientation or zoom in using the relevant buttons at the bottom right corner of the screen. 6. View Source Code for Free Using Google Web Cache. You can perform the following neat and cool trick on visited websites to view their underlying source code on Safari or ...
How to View Web Page Source Code on iPhone: 5 Ways
Safari bookmark trick to view page source. 4. Use Google's webpage cache to view source. 5. Use View Source application. 1. Use Web Inspector Safari extension on iPhone. There is a new Safari extension available for iPhone and iPad which comes by the name Web Inspector. It is recently launched after the iOS 15 update.
Viewing the HTML Source Code in Safari
View Source Code in Safari. Open Safari. Navigate to the web page you would like to examine. Select the Develop menu in the top menu bar. Select the Show Page Source option to open a text window with the HTML source of the page. Alternatively, press Option+Command+U on your keyboard. If the Develop menu is not visible, go into Preferences in ...
How to View Web Page Source Code on Your iPhone or iPad
Once you've installed it, you can access using the Share menu in Safari, which has really turned into the extensions menu at this point. Once there, press the More button on the second row. Then flip the View Source toggle to enabled. And now you'll have a View Source button in the drop-down menu. Which, naturally, will let you view the source.
Viewing HTML Source Code On iPhone and iPad
Click the settings icon in the upper right and turn on "Show in Share Sheet". Add another action, search and choose "Quick Look". All that is left to do now is test it out. Go to any webpage in Safari and hit the action button, then choose "View Source" and Voilà, source code! As a new software engineering student I noticed a limitation when ...
How To See Source Code In Safari
Open Safari and Navigate to the Desired Webpage: Begin by launching Safari and visiting the webpage for which you want to view the source code. Access the Developer Tools: Once the webpage has loaded, navigate to the "Develop" menu in the Safari menu bar. If the "Develop" menu is not visible, users can enable it by going to Safari Preferences ...
How to view source code of a webpage on your iPhone or iPad
This extension lets you view the syntax highlighted source code (HTML, Javascript and CSS) without leaving Safari. Here's how you do it: Download and install View Source from this App Store link ($0.99). Open the app once, and then hop back to Safari. Open the webpage whose source you want to view in Safari.
How to view web page source in Safari on iPad or iPhone
Here's how you get it set up: 1. Navigate to this web page on your iPad or iPhone. 2. Open the file in this link - iPad View Source Bookmarklet and then select all and copy to the clipboard. It is in a seperate text file so that your browser doesn't try to change any of the actual text. 3.
How to "View Source" from Safari on an iPad or iPhone
Tap the Bookmark icon at the Safari new browser screen and tap on "Edit", then tap the bookmark you saved in step 2. Paste the javascript code you copied in step 3 into the URL bar, and then save the changes to the bookmark by tapping "Done". Now when you want to view a web pages source on iPad or iPhone, open the Bookmarks menu and ...
3 Ways to Inspect Element on a Webpage on iPhone
The Safari app on iPhone, like other mobile browsers, doesn't offer you a native inspect tool for viewing a webpage's codes. ... View Source - This shortcut lets you view the source code of a web page in bare-bones format. Edit Webpage - This shortcut lets you edit the contents of a webpage locally so you may test a new design or format ...
View Webpage Source Code Using Safari On iPhone, iPad or Mac
Viewing the page source using Safari browser on Mac can be done in three ways: Right-click on a webpage and choose "Show Source Code" and it will display in the new window. While on the web page, press together Option/Alt+Command+U keys. While on any web page, select Develop from Menu bar -> Show Source. View Webpage Source Code on iPhone ...
View Source Code in Safari with an Action Extension
View Source isn't perfect, but it's a good start. Being able to view source code directly in Safari is a much better experience than having to use a dedicated app that's not your main browser. Once again, developers are still figuring out the best ways to work with extensions in iOS 8, and View Source is yet another example of these new ...
Viewing HTML Source Code On iPhone and iPad
Go to any webpage in Safari and hit the action button, then choose "View Source" and Voilà, source code! Help improve contributions Mark contributions as unhelpful if you find them irrelevant or ...
View Source for Safari on iOS with Shortcuts
Here it is in action: There is one major caveat. It doesn't inspect the exact instance of the page you are running, it has to the page in a 3rd party site that I built ( https://www-source.glitch.me) / source - this means that if you are logged in, or there is any state that is shared (such as cookies) then it will not display the same content ...
How to view the HTML source code of a web page on Mac, iPad, and iPhone
Once installed, follow these steps to view a web page's source code: 1) Launch HTML Viewer Q and tap the Link button at the top right of the app. 2) Enter the full URL of a web page you want to see the source code of, then tap the Go button. We will use Amazon for this example. 3) Once the page loads, tap on the Code button at the top left of ...
How to view source code of a webpage in Safari
We're big fans of iOS 8's new Extensions framework, and a new Extension by developer Paul Hudson lets you view the source code for a webpage, right within Sa...
View Page Source on iPhone or iPad without Third-Party App
In this video, I will show you how to create a shortcut to view web page source code on iPhone or iPad step by step. Allow Untrusted Shortcuts iOS 13/14:http...
How to View Webpage HTML Source in iPhone?
Launch Safari browser on iPhone and open the website you want to view the source code and inspect elements. Go to your Mac and launch Safari browser. Navigate to "Develop > Your iPhone Name" to view the webpages that you have opened on your phone. Open iPhone Page in Mac Safari. Click on the website to open "Web Inspector" that will ...
How to view source code in Safari?
Following are steps to view source code in Safari browser. Open your Safari browser and navigate to the web page you wish to view. From the top menu bar, select Develop > Show Page Source. You can also press Option+Command+U on your keyboard. If the Develop menu is not visible, go to Preferences > Advanced, and choose the Show Develop menu in ...
How to Turn on the Develop Menu in Safari on Mac
Open Safari on your Mac and click the "Safari" button in the menu bar. Next, select "Preferences." Alternatively, you can use the keyboard shortcut Command+, (comma). This will also open up Safari preferences. Go to the "Advanced" tab. Check the box for "Show Develop Menu in Menu Bar." Now the Develop menu will appear between Bookmarks and ...
Achoo HTML Viewer & Inspector 4+
Quickly view HTML for webpages in Safari, and even tweak them! Achoo allows you to easily view the HTML for the webpage you're viewing in Safari. It shows the HTML (as well as any inline CSS and JavaScript) with beautiful and fast syntax highlighting. You can share the HTML you're viewing, allowing you to easily inspect it on an external device ...
Resources
Safari Extensions. Safari extensions are a powerful way to add new features to Safari. They are built in Xcode with web technologies, such as HTML5, CSS3, and JavaScript and powerful native APIs. Now you can distribute and sell them through the App Store on Mac, iPhone and iPad. Meet Safari Web Extensions on iOS.
Safari 18 adds new Highlights feature for summarizing articles
On Monday, Apple announced a new Safari feature called Highlights for iOS 18, which uses machine learning to generate summaries and isolate other helpful information about a webpage.
Safari 18 Features: Highlights, New Reader Mode, and Video Viewer
Meanwhile, when Safari detects a video on the page, a new Video Viewer mode puts the media front and center, which allows you to adjust the window without obscuring the video. It also helpfully ...
How Apple's Safari Highlights Compares With Google's AI Overviews
It's part of Apple's big new push into generative AI. At WWDC, the tech company announced a long-awaited AI framework called Apple Intelligence, which will power new features like text summaries ...
iOS 17 Cheat Sheet: Everything You Should Know About the iPhone ...
June 7, 2024 3:00 a.m. PT. 3 min read. Viva Tung/Apple. Apple's iOS 17 was released in September shortly after the company held its Wonderlust event, where the tech giant announced the iPhone 15 ...
Apple set to be first Big Tech group to face charges under EU digital law
Brussels is set to charge Apple over allegedly stifling competition on its mobile app store, the first time EU regulators have used new digital rules to target a Big Tech group. The European ...