view source code safari ipad

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.

1 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

Is a New iPad Pro Coming Soon?
Get It Now: Spring Tech Deals at Amazon

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 Use Web Browser Developer Tools
How to View the Source Code of a Web Page
Add More Features by Turning on Safari's Develop Menu
9 Best Free HTML Editors for Windows for 2024
How to Inspect an Element on a Mac
How to Activate and Use Responsive Design Mode in Safari
A Step-By-Step Guide to Editing the HTML Source of an Email
How to View the Source of a Message in Mozilla Thunderbird
The Best Windows Web Editors for Beginners
What Is Safari?
How to View the Source of a Message in Apple Mail
Keyboard Shortcuts for Safari on macOS
What is WOFF?
How to Save Web Pages in the Opera Desktop Browser
How to Find an RSS Feed on a Website

How to view webpage source code in Safari on iPhone and Mac

Web pages are generally written in HTML (HyperText Markup Language) or comparable markup language. Web browsers have to get along with a number of web resource elements like images, scripts, stylesheet and more to show the web page. Ever wanted to view the source code of any webpage in Safari on your iPhone or Mac?

Turns out, you can easily access the HTML source code of any webpage in Safari. Once you have enabled your device, you are just a few clicks away from accessing it. Here is how it works.

How to View Source Code of a Webpage in Safari on Mac

How to enable develop mode in safari on mac.

To access the source code in Safari on your Mac, you need to first enable Develop Mode.

Step #1. Open Safari on your Mac and click on Safari → Click on Preferences.

Step #2. Next, click on the Advanced tab → Check the box next to Show Develop menu in the menu bar .

Check Show Develop Menu in Menu Bar in Safari on Mac

A new tab named “Develop” will now appear in the menu bar.

How to Show/View Page Source Code in Safari on Mac

There are three ways you can access page source code of a webpage.

Just right-click on a page and select “Show Source Code”. Now, check out the source code of the page in the new window

Right-click in Web Page and Click on Show Page Source

On the web page, you need to press the Option/Alt+Command+U keys at once

View Web page Source Code in Safari on Mac Using Keyboard Shortcut

While viewing any web page, select Develop in the Menu bar and choose “Show Source”

View Page Source Using Develop Menu on Mac

How to View Webpage Source Code in Safari on iPhone and iPad

There are quite a few iOS apps that let you view the source code of any webpage in Safari on your iOS device. But, I find “Source” very handy in letting you access HTML source of any web page.

How to Enable Safari Extension on your iOS device

Step #1. First off, you need to download “Source” on your iOS device . It’s priced at $0.99.

Step #2. Now, open Safari and tap on the Share button in the toolbar.

Step #3. Next, you have to scroll right to the end and tap on More.

Tap on More in Safari Sharesheet on iPhone

Step #4. Now, Make sure to enable Source. Then, tap on Done at the top right corner to confirm.

Access/View Webpage Source Code in Safari on iPhone and iPad

Once you have enabled Safari extension, you can easily access the source code of any web page.

Step #1. Launch Safari on your iOS device.

Step #2. Go to any web page.

Step #3. Next, tap on the Share button.

Step #4. Now, tap on Source. Now, check out the source of the page.

Tap on Source in Safari Sharesheet on iPhone

Wrapping Up

Except for developers and some curious people, I don’t think many folks would show a lot of interest in viewing the complex source code of any web page. What do you say?

More Resources

How to translate web pages in safari on iphone and ipad, how to fix a problem occurred with this webpage so it was reloaded on iphone, safari not loading images on iphone or ipad 10 ways to fix it, safari clear history and data grayed out on iphone 4 fixes.

🗣️ Readers like you help support iGeeksBlog. When you make a purchase using links on our site, we may earn an affiliate commission. Read Disclaimer .

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

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

- Create a Resume with Pages on Mac, iPhone, iPad
- How to Use the Apple Watch Keyboard: Typing on Apple Watch Directly, & with Dictation, or iPhone
- Use Both Dark & Light Mode Themes Per App on Mac with Gray
- How Secure are Personal Hotspot Connections from iPhone?
- How to Setup a Timer on Mac with Clock App
- WWDC 2024 Set for June 10-14, Expect iOS 18, macOS 15, visionOS 2, etc
- MacOS Sonoma 14.4.1 Update Released with Bug Fixes & Security Updates
- iOS 17.4.1 Update Released for iPhone & iPad with Bug Fixes & Security Enhancements
- USB Hub & External Monitors Not Working After MacOS Sonoma 14.4 Update for Some Mac Users
- MacOS Ventura 13.6.5 & macOS Monterey 12.7.4 Updates Available

iPhone / iPad

- Does ‘Find My’ Work Internationally? Using Find My iPhone/Mac/iPad Abroad
- Why Did My iPhone Alarm Stop Automatically & Turn Itself Off?
- NewsToday2: What it is & How to Disable NewsToday2 on Mac
- What is fileproviderd on Mac & Why Does it Use High CPU?
- How to Find Universal Control Settings on MacOS Sonoma & Ventura?

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.

View Web Page Source on iPhone/iPad: The Ultimate Guide

As our dependence on technology increases, the ability to view web page source on iPhone/iPad has become an essential skill for web developers, designers, or anyone looking to enhance their online experience. Viewing web page source on mobile devices allows you to troubleshoot website issues, check the website’s code, and gain insight into how web pages are constructed. In this comprehensive guide, we will cover everything you need to know about how to view web page source on iPhone/iPad.

Detailed Discussion on View Web Page Source on iPhone/iPad

To view web page source on iPhone/iPad, you need to follow some straightforward steps. Here’s a detailed discussion of how to view web page source, broken down into smaller, more manageable subheadings.

Step 1: Open Safari on your iPhone/iPad

First, open the Safari browser on your iPhone/iPad. Safari is the default browser on Apple devices, so you don’t have to download anything.

Step 2: Visit the Web Page that you want to View the Source Code of

Once you have opened Safari, go to the web page that you want to view the source code of.

Step 3: Tap on the Share Button

Once you have opened the web page, tap on the share button located on the bottom toolbar of the screen. This will bring up a bunch of options that you can choose from.

Step 4: Tap on the ‘Aa’ button next to the Website URL

After tapping on the share button, you’ll need to select the ‘Aa’ button next to the website URL.

Step 5: Tap on ‘Show Reader View’

In the pop-up menu, tap on ‘Show Reader View.’ This will clean up the web page, making it easier to read. Once in Reader View, you’ll see the simplified version of the website’s content.

Step 6: Tap on the ‘Share’ button again

While you’re viewing the website in Reader View, tap on the ‘Share’ button once again.

Step 7: Tap on ‘Copy’

Next, select the ‘Copy’ button located at the bottom of the new menu.

Step 8: Open the ‘Notes’ Application

Now, open the ‘Notes’ application on your iPhone/iPad. Once you’re inside, create a new note.

Step 9: Paste the Copied Source Code into the Note

Tap and hold the screen to bring up a menu, then select ‘Paste’ to copy the website’s source code.

Step 10: View the Source Code in the Notes Application

Finally, navigate to the bottom of the new note that you created and you’ll see the website’s source code.

Concluding Thoughts on View Web Page Source on iPhone/iPad

Though it may seem complex, viewing web page source on iPhone/iPad is a simple and effective process that can help you troubleshoot website issues, check the website’s code, and gain insight into how web pages are constructed. By following the aforementioned steps, you can easily view the source code of any web page on your iPhone/iPad.

FAQs About View Web Page Source on iPhone/iPad

Can i view web page source code on any other browser than safari.

The ability to view web page source code on browsers other than Safari is quite limited. Safari is the only browser that allows you to view web page source on an Apple device, so if you’re using Chrome or any other browser on iPhone/iPad, you’ll need to install Safari to view the source code.

Why is it important to view web page source on iPhone/iPad?

Viewing web page source on iPhone/iPad is essential for troubleshooting website issues, checking the website’s code, and gaining insight into how web pages are constructed. It can help you understand how websites are built, identify errors, and make changes accordingly.

Can I edit web page source on my iPhone/iPad?

No, you can’t edit web page source on iPhones/iPads. The only way to edit the source code of a website is to do so on a computer with access to the website’s back end.

Do I need to be a developer to view web page source code?

No, you don’t need to be a developer to view web page source code. Anyone can view web page source code using the aforementioned steps, regardless of their level of technical expertise.

Is viewing web page source code legal?

Yes, viewing web page source code is legal. However, copying or modifying the source code of a website without permission is illegal and subject to legal repercussions.

Final Thoughts

In conclusion, viewing web page source on iPhone/iPad is a simple and valuable process that can help you solve website issues and gain insight into website construction. By following the steps outlined in this guide, you can easily view web page source code on your iPhone/iPad and unlock the potential of web development and design.

Oneplus 5t wallpapers download, airtel’s first quarterly loss in 2002: a closer look at jio’s impact, alexa donations: how amazon pay enables easy and secure online giving, xiaomi confirms investment in blackshark gaming phone launch set for april 13, lg g7 thinq m lcd panel, intel core i9 laptops with optane memory, apple ios 11.4 beta 1, google search ai reorganization: improving search quality and user experience.

Hot right now:

We participate in marketing programs, our content is not influenced by any commissions. To find out more, please visit our Term and Conditions page. Websites Sitemap .

View HTML Source for Free on iPhone, iPad, and Mac

Over the years, Apple has made it difficult for users to access HTML and javascript source code on web pages.
With iOS and iPadOS, users can use an app or a javascript-enabled bookmark to view HTML source code.
macOS Ventura hides developer tools by default, complicating source code access with Safari.
Changing Safari’s settings allows one to add developer tools, including access to HTML and javascript source code on any web page.

Developers love to look at code. Whether it is your own code or someone else’s, it is often essential to fixing problems, deploying solutions or learning new skills. Unfortunately, if you are on your iPhone, iPad or iPod touch, this isn’t easily accomplished. To make matters worse, Apple keeps hiding developer tools, such as viewing html source code, from lay people.

Some may erroneously attempt forwarding a website’s URL from their iPhone to their computer, but they won’t see the mobile version of the site. There are quite a few workarounds, but wouldn’t it be great if you could just view the source on your iPhone? You can.

There are actually a few ways to accomplish this. With a little effort, you can do it for free, but it is a bit of a kludge. If you are willing to spend $1 for an app (with a Safari Extension), you will get better results.

View HTML Source on Your iPhone With the View Source App

The View Source app is the best and easiest way to view HTML source using Safari. The standalone app isn’t that handy. It requires the user to type or paste the URL. With iOS 8, Apple introduced Extensions, which allow apps to embed functionality within other apps. The View Source Safari Extension is by far the best way to view the source code of a web page.

It doesn’t take a degree in computer science or applied math to get this working. Simply go to the App Store and install the View Source app. The app only costs $1. Once installed, the Safari Extension is available. To view the source of a web page, simply tap on the share button and then tap on the View Source button.

The color-coded HTML source code will appear.

View Source offers a few more features. One can toggle between views of assets, the document object model (DOM), script and info. Sharing the source code directly from the Safari Extension is effortless. You can also configure eight different color coding modes. Not bad for a buck.

There are other apps and browsers in the App Store that can display HTML source code. View Source is the cheapest and highest rated app. If $1 is too expensive and your free time is cheap, there’s a free way to view source code.

View HTML Source on Your iPhone for Free Using a JavaScript Trick

HTML is a host markup language. There are usually other languages embedded in HTML source. JavaScript is a ubiquitous technology embedded in just about every web page. It breathes life into web pages, allowing them to be dynamic without constantly reloading the entire page. JavaScript can also help you view the HTML source of a web page, using a neat trick developed by Ole Michelsen .

First, add this page to your Bookmarks by tapping the Share button on the top right of Safari.

Lvetek 5-Outlet Surge Protector Wall Charger with 4 USB Ports at Amazon

Tap Add Bookmark and name the Bookmark “View Source”, then tap Save.

Next, copy this JavaScript code: javascript:(function(){ var w = window.open('about:blank'), s = w.document; s.write(''); s.close(); var f = s.body.appendChild(s.createElement('form')); f.setAttribute('method','post'); f.setAttribute('action','https://ole.michelsen.dk/viewsource/?uri='+location.href); var i = f.appendChild(s.createElement('input')); i.setAttribute('type','hidden'); i.setAttribute('name','DOM'); i.setAttribute('value',encodeURIComponent(document.documentElement.innerHTML)); f.submit(); })(); Tap on the Safari address bar to display the panel of favorites and bookmarks. Hold your finger on the View Source bookmark you just created until it expands, then release your finger and tap on Edit.

tap address bar and hold finger on bookmark

Now paste the JavaScript code into the address field and tap Save on the top right.

That’s it. Whenever you need to view the source of a web page, simply launch the View Source Bookmark, and you will see the source code.

As you can see this is a clever kludge, but a kludge nonetheless. It’s not as elegant as the View Source app and doesn’t offer color coding options. If you email the source code, you just get a link, not the source code, unlike the View Source app. View Source is also much faster than the JavaScript trick. This trick depends on a web application running on the ole.michelsen.dk server. If the server is offline or he decides to remove the page, it won’t work.

I’d like to say, “you get what you pay for”, but the View Source app is a remarkable deal. Nonetheless, the frugal coder can also enjoy the ability to view HTML source on any iOS device. This trick will work on your iPhone, iPad or iPod touch.

How to View HTML Source Code on Safari for macOS Ventura

Apple continues simplifying macOS, making it more like an iPhone. Part of this streamlining involves hiding developer tools from the masses. To this extent, Apple made it difficult to view HTML source code in Safari with its latest macOS Ventura operating system.

Apple only offers “view source” if developer mode is enabled. Once activated, you can right-click on any web page and view its HTML source code. Here’s how to do it:

Click on “Show Develop menu in menu bar” to appear checked.
Close the Settings control panel by clicking on the red button on the top right.

That’s it. Now you can view any web page’s HTML and javascript code by right-clicking on the page. You can also view a page’s source code by pressing option + cmd + U on your Mac’s keyboard. If that’s not enough, you can access a page’s source code by clicking on Develop in the top menu bar, then select Show Page Source from the menu.

Personally, I prefer the right-click method, but you need to click on an empty part of the page. With dense and crowded web pages, your best bet is to use the keyboard shortcut or Safari menu to view source.

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

The Journey of Building Dreams: Unveiling the Magic of Construction Financing Calculators

ujala mazhar - Mar 28

Top 10 IT Staff Augmentation Service Companies in 2024

Infowind Technologies - Mar 28

Inteligência artificial de aplicativos de imagem

Ana Mercedes Gauna - Mar 28

The Magic of Array Destructuring in JavaScript

Ellis - Mar 28

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

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.

How-To Geek

How to view web page source code on your iphone or ipad.

Mobile Safari is a really great browser -- it's fast, easy to use, and has most of the features you might want.

Quick Links

Viewing web page source on iphone or ipad.

Mobile Safari is a really great browser -- it's fast, easy to use, and has most of the features you might want. What it doesn't have, however, is a good way to view the source code of a page.

For the vast majority of people, viewing the source code of a page on their phone or tablet probably isn't the highest thing on their list, but for anybody who is curious about how sites are doing things, or for programmers, it can be pretty useful.

To accomplish this task, we'll need an app that is appropriately called "View Source" , and you'll need to be running iOS8. This particular app is 99 cents, which isn't the same thing as free, but you probably paid a ton of money for that iDevice, so we're assuming it won't break the bank.

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. There are some other options like sharing the source code, or switching to the DOM mode, but you can explore those for yourself.

So if you've ever wondered how to view the source of a website from your phone, now you know.

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

Vision Pro Chronicles: My Custom ‘Dual Knit Open’ Setup for Maximum Comfort and Awareness

Understanding the doj’s antitrust complaint against apple, apple frames 3.2 brings iphone 15 pro frames, files picker, and adjustable spacing, this week's sponsor:.

Ensure that if a device isn’t secure it can’t access your apps. It’s Device Trust for Okta.

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, and Unwind , a fun exploration of media and more.

He can also be found on his other podcasts on Relay FM: Connected and Remaster , two shows about Apple and videogames, respectively.

We explain and teach technology, solve tech problems and help you make gadget buying decisions.

How to View Web Page Source Code on iPhone and iPad

Even though iOS apps are not quite the development machines yet, you’ll generally find an iPhone or an iPad in a web designer/developer’s toolkit. Although if you’re a developer/publisher or just someone who wants to view the source code of a page or view all the assets deployed on it, you usually do it from the computer.

Now iOS 8 has made it much easier to view source, assets, and DOM resources of a page. And thanks to awesome third party apps with extension support, you can do it right in Safari (Chrome is not supported because extensions can access DOM only in Safari).

Let’s talk about the two apps that will help you view and save source code for any website when you’re on the road.

View Source Extension for Safari

View Source ($0.99) is a simple and powerful app with a Safari extension. It costs $0.99, but comes with a lot of features.

Once the app is installed, go to Safari, tap the Share button, swipe to the right on the bottom row and tap More . From here toggle View Source . This will enable the extension.

More on iOS 8 extensions: iOS 8 extensions are quickly becoming a powerful tool . Take a look at how they work , the best share extensions , and how one extension can help you turn Safari into a fully-fledged downloader .

Now, go to the page, tap the Share button, and choose View Source . You’ll see the source code of the page in all its glory. Tap the Share button to bring up the native share sheet. From here you can send the code to a notes app or email it.

Below you’ll see four buttons – Assets, DOM, Script, and Info.

Assets list all the images on the page. You can tap on a link to see a preview and to save the image.

The DOM button will show you a tree model with a hierarchal structure of the HTML, XML, and SVG documents. You can tap on any element to expand it.

The Script button lets you write and inject Javascript in any page (locally). The Info panel shows information about the page.

Srcfari ($0.99) is an alternative to View Source. While the app will show you the source code and assets like images, CSS stylesheets, and scripts running on the page, you’ll have to do it from the app itself. There’s no Safari extension for Srcfari.

That said, using Srcfari isn’t a bad experience at all. The app has nice typography and it does a much better job at breaking down assets by scripts, CSS, and images than the View Source app. One gripe I have with Srcfari is that it enabled text wrapping for CSS stylesheets but not when you’re viewing the entire source (which the View Source app does). This means there’s going to be a fair amount of panning and zooming involved, at least on the iPhone.

Other than that Srcfari is the usual affair. You can copy the source code to your clipboard or email it to someone. You can also save images using the app.

Safari is probably already your browser of choice on iOS (mostly because iOS doesn’t let you select Chrome as default). If you need to view source code fairly often, the $0.99 View Source app with its Safari extension will be worth the price.

Do you usually use your iPhone or iPad to troubleshoot websites? Or to see what’s wrong with them? Let us know in the comments below.

Last updated on 03 February, 2022

The above article may contain affiliate links which help support Guiding Tech. However, it does not affect our editorial integrity. The content remains unbiased and authentic.

DID YOU KNOW

Khamosh Pathak

See more articles by Khamosh →

More in iOS

8 Best eBook Readers for iPhones

How_to_Measure_Decibel_Level_on_iPhone 1

How to Measure the Decibels on iPhone

Join the newsletter.

Get Guiding Tech articles delivered to your inbox.

Question of “Why”
Crohn’s & Diabetes
Run & Cycle
Nerdy Things

$Logo | Are we \$

Recommended Books to Read from one Middle-Aged Man to Another
Recommended Movies from one Middle-aged Man to Another
101 Universe
Photography

$Logo | Are we \$

What is Crohn’s Disease?
What is Ulcerative Colitis
Related Complications and Symptoms
Life with Diabetes
Diet and Nutrition
Medications to Treat Chronic Illness
Blog Post on Running and Cycling
Running Races (Road and Trail)
Running and Cycling Training
My Story / Contact Me
Recommended Books to Read
Recommended Movies to Watch
What am I Saving For?
Blog-Roll and Links
Content License
Hardware & App Review
Hints & Tips
WordPress and Website Hosting
Download and Technology Primer

Tip: How to view webpage HTML on iPad / iPhone

This article outlines the steps required to view the source code (HTML, CSS, JavaScript, etc.) for any webpage on your iDevices including iPad, iPhone or iPod touch using iOS 15 without any hacks or javascript.

How to View HTML source code on iOS Devices like iPhone and iPad

Install a free ios app called View Source
Open Safari and visit a webpage you would like to view the HTML code
Click the Share Button
Navidate down to Actions
Choose View Source

As a web design project manager, I need to view HTML from my iPhone or iPad. Here are a few quick steps to set up your iPhone to view HTML source code. These steps do not require any JAVA hacks, helping a HTML developer take a look at the HTML source code for any website. Check out these steps .

Note, these steps may work on older versions of iOS, however, have not been tested. This process uses a small app without the need for backdoor programming, javascript, or other coding is required! For iOS 12 and lower, scroll down.

Here are detailed steps that I have been using to view HTML source code without and JAVA hacks.

How to view HTML source code on iPhone / iPad iOS Devices

Step 1 : Install a free app from the Apple Store called View Source .

The free View Source App in the iPhone and iPad App Store provides a quick, clean, and easily integrated into iOS.

Step 2 : Load Safari (iPhone, iPod, or iPad), if it is not already open, and visit any web page .

Step 3: Click the Share Button (it looks like a box with an arrow pointing upwards.)

Step 3: Scroll down to actions (Steps to view HTML in IOS 13)

Step 4 . Scroll down to your Actions (below Messenger favourites and app icons)

Step 4: Scroll down to actions (Steps to view HTML in IOS 13)

Step 5 . Choose View Source (see Step 5 and 6 if View Source is not listed)

Step 5: Choose View Source to see HTML any time in iOS 13

Step 6 . If View Source is not available – choose edit actions at the bottom of the screen and enable View Source

Step 7. To move View Source to the top of the list (favourite Actions) – select edit actions on the bottom of the page .

Step 7: Choose View Source any time to view the page HTML in iOS 13.

That’s it! Now you can use the new “View Source Button” under your Share Button to review the HTML on any webpage using mobile Safari (and Chrome) on your iDevice (iPhone, iPod, or iPad).

Tremendous kudos to Roman Tomjak and his simple View Source app and clean integration into the safari web environment.

Tips on how to give and earn ride on’s in zwift cycling app, tip | how to move safari search bar to top of the screen in ios 16, fix: safari requires you to always login to websites, leave a reply cancel reply, mark hanlon.

Mark is an avid photographer, Starbucks addict, motivated cyclist, struggling runner, and rocking single parent living outside of Toronto, Ontario. Living with two chronic ilnesses, Crohn’s Disease and Diabetes, life for this Transportation Planner and Registered Professional Planner (RPP) can be an interesting mix.

Calorie Counting – The Ultimate Guide to Achieving Your Weight Loss Goals

3 benefits of using a rocker plate while cycling indoors, diabetes non-profit here to support canadians, libre 3 approved for use in canada, the benefits of group cycling and peloton riding, editor picks, how to zwift run on any treadmill, medication can change your life – both good and bad, popular posts, how do i upload my hike from alltrails to strava, popular topics.

$Blog of Mark Hanlon who through his website, are we \$

Making You Think blends my passions of running, cycling, photography, and inspirational thoughts with the challenges of living with chronic disease (Crohn's and Diabetes). I hope you enjoy my story.

Visit our Contact Page and say hi!

ABOUT HowToDoEverything
HOW TO DO EVERYTHING
Tech/Software

How to view page source in iOS

How to make your tweets private: simple steps guide

How to Google search an image on a phone or computer

How to go incognito on Mac Chrome iphone Edge Firefox

How to go incognito on iPhone, Mac, Chrome, Firefox, Windows

It’s pretty simple to view page source on a desktop… just right-click and request it. But it’s not so easy on iPad or iPhone. There’s no one-click interface for iOS, but our guide shows how to view page source in iOS.

So… it’s a bit of a workaround to view page source in iOS. But it only takes about 60 seconds to set up, and then you have pretty much a one-click solution any time you want to view page source in iOS on your iPhone or iPad. This is a simple solution, but be warned that it’s probably not for those who are at the stage where they want to start to use a computer as a beginner .

Step 1: In Safari, Chrome, Firefox etc on your iPad or iPhone, on any page (even this one) use the ‘Send to’ symbol to set a bookmark.

Step 2: Delete the name of the page, and rename the bookmark ‘Page Source’

Step 3: Edit the bookmark, and replace the URL with this code:

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))})();

Step 4: Next time you are on a web page you want to view page source in iOS on your iPad or iPhone, click your Page Source bookmark, and …. there it all is!

Why do you need to view page source in iOS?

behind every website is page source text, which everyone can view and study. This source code makes it clear what a website actually is, namely a pure text document. It doesn’t matter if it was created with WordPress or a program with a slick graphical interface. At the end there is text, which, in addition to the obvious content, also provides a lot more information. This information is particularly useful when there are problems, but the reason for this is not easily discernible. The help is often: Show page source text! But how do you get to that? And what exactly does it say?

Each browser offers the option to view page source text

The path to page source text is very short with the popular browsers: Click anywhere on any web page with the right mouse key . The context menu appears, which includes the View Page Source Text option. Clicking on it, now with the left mouse key, will cause the source code to open in a new tab or window. Alternatively, you can use the Key combination Ctrl+U on a Windows computer. Both procedures apply at least to Google Chrome, Firefox and Internet Explorer.

What does the page source text show?

Basically, the page source text corresponds to the browser view with all its texts, images and graphics. But it also represents all HTML . This not only means that there are a lot of letters and characters in angle brackets. It also means that, for example, images and graphics do not appear. Instead of the actual image, you will see the appropriate HTML element with its clickable path to the location of the image file. In addition, the source code also shows all elements that are not visible in the browser view. This includes, in particular, all the data that are in the so-called head area.

What is the point of doing this?

In fact, there are good reasons to keep looking at source code. When I started working on HTML a long time ago, it was all about learning. How did they do that? , I wanted to know. So I looked at the code and tried to understand. As with all other languages, learning only helps with constant practice and application. A wonderful offer for this is also the browser function Investigate (or Examine Element or Examine or whatever it is currently called). In contrast to displaying page source text, however, the investigation not only provides the complete source code, but also clearly represents the individual elements. For example, you can find out exactly what a single item is called and how it is formatted.

Which theme does this website use?

You may have noticed that you wanted to know if a website was made with WordPress. Or what theme it uses. No special tools are needed for this. Select View page source code, and then use Ctrl+F to search the page for theme. If it is a WordPress site, you can find the link links of the style sheet(s) with the path from which the theme name is indicated. Since themes are always stored in the directory wp-content/themes/, you can read its name by the following folder name. In the case of this website, it would be: wp-content/themes/radiate .

Finding errors

The second important reason is to find errors when there are problems, but you don’t realize the reason for them. Sometimes the complete view alone provides the essential insights. Not only is the extensive head area a potential supplier for errors. Also in the body area there is a lot more than the individual contribution seems to give. You have not provided all this information on your individual (contribution) pages. So where does this information come from?

The answer is: you have different sources. One is, for example, the template header.php , which first of all makes other important ones with the necessary html tag. style-Angaben probably comes from the Additional CSS of your theme. Via link link, all style sheets and probably already various scripts are integrated. However, the so-called meta tags, which are read out by search engines, are also very important. For example, they should not appear double; especially not when it is the so-called open graph tags, which serve to represent a post on Facebook.

In the body you will find information about the header area and the menu of the website. The actual content only appears in the content area , to which then also usually belongs a primary area. And if there is a primary area, there is also a secondary area. It is then responsible for the sidebar with all its widgets. And finally there is the footer , i.e. the foot area , in which probably also a lot of scripts are still standing. So it might seem you have to dig pretty deep in search of the error… But the effort can be worth it!

Editorial Team

How To Do Everything

Beauty/Grooming
Cars/Motorcycles
Eco/Natural
Fake Checks
Fashion/Style
Finance/Investing
Health/Life
Leisure/Sport
Parenting/Children
Uncategorized

How To View Page Source On Tablet

How-To Guides
Tech Setup & Troubleshooting

Why Would You Want to View Page Source on Tablet?

Modern tablets have become increasingly powerful and versatile devices, capable of performing a wide range of tasks. One of the lesser-known features of tablets is the ability to access and view the page source of a website. The page source, also known as the HTML source code, contains the underlying structure and elements of a webpage.

So why would you want to view the page source on a tablet? Here are a few reasons:

1. Debugging: If you are a web developer or designer, being able to view the page source allows you to identify and fix any issues or bugs in the code. This can be particularly useful when testing a website on different devices.

2. Learning: Viewing the page source can be a valuable learning tool, especially if you are new to web development. By examining the code of well-designed websites, you can gain insights into best practices, coding techniques, and the overall structure of a webpage.

3. Customization: Some websites may have certain features or elements that you would like to customize or modify. By viewing the page source, you can identify the specific code responsible for those elements and make changes accordingly.

4. Security: Occasionally, there may be suspicions of malicious code or hidden scripts on a webpage. By inspecting the page source, you can investigate any potential security threats and take appropriate action to protect your device.

Overall, viewing the page source on a tablet provides you with a deeper understanding of how websites are built, the ability to troubleshoot issues, and the opportunity to make customizations or ensure security.

How to View Page Source on an iPad

Viewing the page source on an iPad can be done using the built-in Safari web browser. Follow these steps to access the page source:

1. Open the Safari browser on your iPad and navigate to the website whose page source you want to view.

2. Once the webpage loads, tap on the Share icon located in the toolbar at the top of the screen. It looks like a square with an arrow pointing out of it.

3. In the Share menu that appears, scroll through the options until you find “More” and tap on it.

4. A list of activities will appear. Look for the “View Source” option and toggle the switch next to it to enable it. Tap “Done” to save the changes.

5. Now, tap on the Share icon again and you should see the “View Source” option in the list. Tap on it.

6. The page source code will now be displayed in a new tab. You can scroll through the code to examine the HTML structure and elements.

Note that viewing page source on an iPad is only possible in the Safari browser. Other third-party browsers may have different methods or may not support this feature at all.

Keep in mind that the page source code may appear daunting, especially if you’re not familiar with HTML. However, by understanding the basic structure of HTML tags, you can gain valuable insights into how the webpage is constructed.

How to View Page Source on an Android Tablet

Accessing the page source on an Android tablet can vary depending on the web browser you are using. Here are the general steps to view page source:

Google Chrome:

1. Open the Chrome browser on your Android tablet and navigate to the website you want to view the page source of.

2. Once the webpage loads, tap on the three-dot menu icon located in the upper-right corner of the screen.

3. In the menu that appears, tap on “More tools” and then select “Developer tools”.

4. A panel will open at the bottom of the screen. Tap on the three-dot icon in the lower-right corner of the panel and select “View page source”.

5. The page source code will now be displayed in a new tab. You can scroll through the code to examine the HTML structure and elements.

1. Open the Firefox browser on your Android tablet and navigate to the website you want to view the page source of.

3. In the menu that appears, tap on “Page” and then select “View Page Source”.

4. The page source code will now be displayed in a new tab. You can scroll through the code to examine the HTML structure and elements.

Other web browsers may have similar options to access the page source, but the specific steps may vary slightly. It’s important to note that not all web browsers on Android tablets support viewing page source.

By exploring the page source on an Android tablet, you can gain insights into the underlying code of a webpage, helping you understand how it is structured and designed.

Using Third-Party Apps to View Page Source on Tablets

In addition to using built-in web browsers, you can also utilize third-party apps to view the page source on tablets. These apps offer additional features and flexibility for examining HTML code. Here are a few popular options:

1. View Source: View Source is a free app available for both Android and iOS devices. You can simply download and install the app from the respective app stores. Once installed, you can enter the URL of the website you want to inspect, and the app will display the page source code in a user-friendly format.

2. iSource: iSource is a feature-rich app available for iOS devices. It not only allows you to view the page source code but also offers syntax highlighting, collapsible sections, and the ability to save and share the code. It is a great option for web developers and designers who require advanced features for analyzing and manipulating the source code.

3. HTML Source Code Viewer: HTML Source Code Viewer is an Android app that provides a simple and intuitive interface to view the page source of any website. It lets you browse the source code hierarchy, search for specific elements, and highlight code sections for better readability.

4. Web Developer: Web Developer is a popular browser extension available for major desktop web browsers, such as Chrome and Firefox. Many of these extensions also offer a mobile version compatible with tablets. The extension provides a wide range of web development tools, including the ability to view and edit the page source code.

Keep in mind that when using third-party apps, it’s important to choose reputable ones from trusted developers. Additionally, be cautious while granting permissions and ensure the app aligns with your device’s security settings.

By utilizing third-party apps, you can enhance your ability to analyze and explore the page source code on your tablet, providing you with more comprehensive insights into the structure and elements of a webpage.

Tips and Tricks for Viewing Page Source on Tablets

When viewing the page source on tablets, there are several tips and tricks that can enhance your experience and make it easier to analyze the HTML code. Here are a few useful tips to consider:

1. Use landscape mode: Rotating your tablet into landscape mode can provide a wider view of the page source, making it easier to navigate through the code horizontally. This can be especially helpful when examining long lines of code or complex nested elements.

2. Zoom in and out: Adjusting the zoom level of the page source can improve legibility and make it easier to read the code. Pinch and spread gestures on the touch screen can be used to zoom in and out, allowing you to focus on specific sections or get an overview of the entire code.

3. Utilize search functionality: Most web browsers and page source viewer apps offer search functionality to help you quickly locate specific elements or tags within the code. Take advantage of this feature to save time when navigating through lengthy source code.

4. Inspect elements: Some web browsers and developer tools allow you to inspect individual elements on a webpage. By right-clicking on an element and selecting “Inspect” or similar options, you can directly access the relevant code associated with that element, making it easier to analyze specific sections.

5. Take screenshots: If you want to refer back to the page source code later or share it with others, consider taking screenshots of the code. Most tablets have built-in screenshot functionality, usually activated by simultaneously pressing the power and volume down buttons. This can be a convenient way to capture and store the page source code for future reference.

6. Experiment with developer tools: If you are a web developer or enthusiast, exploring the various features and options in web browsers’ developer tools can provide valuable insights and enhance your understanding of web development. Experiment with features like live editing, inspecting network requests, and debugging to gain a deeper understanding of how websites and web applications work.

By applying these tips and tricks, you can improve your efficiency and effectiveness in viewing and analyzing the page source on tablets. Whether you’re a developer, designer, or simply curious about the inner workings of websites, these techniques can help you navigate and understand the HTML code more effectively.

Viewing the page source on tablets can be a valuable tool for web developers, designers, and individuals who want to gain a deeper understanding of how websites are built. Whether you’re using an iPad or an Android tablet, accessing the page source is possible through the built-in web browsers or third-party apps.

By examining the HTML code, you can troubleshoot issues, learn best practices, customize elements, and ensure the security of websites. Built-in features in web browsers, such as Safari on iPad or Chrome on Android, allow you to access the page source with a few simple steps.

Furthermore, third-party apps like View Source or iSource provide additional functionality and a user-friendly interface to explore the page source on tablets. These apps offer features like syntax highlighting, code editing, and saving/sharing options to enhance the viewing experience.

As you delve into the page source, consider using landscape mode, zooming in/out, utilizing search functionality, inspecting elements, taking screenshots, and experimenting with developer tools to make the process more efficient and insightful.

Remember, understanding the page source code may seem daunting at first, but with time and practice, you can gain valuable insights into the underlying structure and elements of websites.

So, whether you’re a curious individual or a web professional, don’t hesitate to explore the page source on your tablet. Unlock the secrets of websites and expand your knowledge of web development as you dive into the HTML source code.

How To Install Kodi On Fire Hd Tablet

How To Use Fire Tablet

How To Download Netflix On Android Tablet

How To Get Youtube Kids On Amazon Fire Tablet

How Do You Download Movies To A Tablet

How Does A Nook Tablet Work

How To Download Youtube On Amazon Tablet

How To Watch The Today Show Live

How to Find the Best Midjourney Alternative in 2024: A Guide to AI Anime Generators

How to Know When it’s the Right Time to Buy Bitcoin

Unleashing Young Geniuses: How Lingokids Makes Learning a Blast!

How to Sell Counter-Strike 2 Skins Instantly? A Comprehensive Guide

10 Proven Ways For Online Gamers To Avoid Cyber Attacks And Scams

$10 Best AI Math Solvers for Instant Homework Solutions$

10 Best AI Math Solvers for Instant Homework Solutions

10 Best AI Homework Helper Tools to Get Instant Homework Help

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.

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

View HTML source code in safari on ipados

Where has the functionality to view html source code on web page gone ?

Utilizing 13.2.3

iPad Pro, iOS 13

Posted on Nov 19, 2019 6:31 AM

Posted on Nov 22, 2019 6:09 AM

Hey there B90,

Thanks for reaching out to Apple Support Communities. I understand you want to be able to view HTML source code on a web page from Safari on your iPad. I’ll be happy to help with this.

It doesn't look like this is an option from your iPad. If you want to view this from Safari on a Mac, go to Safari > Preferences > Advanced from the menu bar. Enable Show Develop menu in menu bar:

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

Let me know if this helps.

Loading page content

Page content loaded

Nov 22, 2019 6:09 AM in response to B90

Nov 24, 2019 2:00 PM in response to VikingOSX

Thank you for the info, I am aware of this solution however it negates my need for an iPad as a full blown professional tool, if we need to connect to a MacBook.

Nov 23, 2019 6:44 AM in response to MoonJ.

Thank you for the straight answer. I am aware that this option is available on macOS, however with out this functionality on iPadOS, it limits my ability to completely migrate to iPadOS as a power user friendly platform. Is there a logic to disabling the ability to see the underlying html on a web page ?

Nov 23, 2019 7:12 AM in response to B90

These are fellow user supported, open community sites, so Apple Product teams do not participate here; nor can I speculate about the absence of a Safari Developer feature that would allow you to view HTML.

Must it be Safari, or provided the feature is available in FireFox for iPadOS, might that be a suitable browser alternative?

I will have access to iPadOS 13 tomorrow, and will investigate this further then.

Nov 24, 2019 12:07 PM in response to B90

Apparently, in iPadOS 13.2.3, with a web site open in iOS Safari, you must tether the iPad to your Mac, and then use the Safari Develop menu on macOS to activate the web inspector on the iPad. This is noted in iPadOS Settings : Safari : Advanced panel.

I just confirmed this after the update to iPadOS 13.2.3, though I did not bother to test the process. The iOS Safari product team was fishing for bass-ackwards in that decision.

Nov 25, 2019 8:55 AM in response to B90

I still suggest that you install and assess the iOS Firefox's ability to do what you need. They integrated the old Firebug Add-on functionality into the Desktop Firefox browser, and it may also be in the iOS version. Of course, if you are attempting to test and view web source changes in iOS Safari, Firefox won't be the ideal tool for that.

It is best that I do not describe what I am thinking about the iOS Safari development team, and their conflict with reason.

Nov 22, 2019 11:48 AM in response to B90

You didn't mention it as a step taken, but in Settings : Safari, have you enabled the Developer option? I do not have iPadOS 13 here right now.

Nov 23, 2019 7:14 AM in response to VikingOSX

If the feature is available on any browser, then that solves our problem. Ideally I strive for neat solutions that limits the number of apps, that is why I was referring to Safari.

Nov 23, 2019 7:25 AM in response to B90

I too, prefer a minimalist installation of applications. I will post back here tomorrow afternoon after I have renewed my access to iPadOS 13.

About the security content of Safari 17.4.1

This document describes the security content of Safari 17.4.1.

About Apple security updates

For our customers' protection, Apple doesn't disclose, discuss, or confirm security issues until an investigation has occurred and patches or releases are available. Recent releases are listed on the Apple security releases page.

Apple security documents reference vulnerabilities by CVE-ID when possible.

For more information about security, see the Apple Product Security page.

Safari 17.4.1

Released March 25, 2024

Available for: macOS Monterey and macOS Ventura

Impact: Processing an image may lead to arbitrary code execution

Description: An out-of-bounds write issue was addressed with improved input validation.

CVE-2024-1580: Nick Galloway of Google Project Zero

Information about products not manufactured by Apple, or independent websites not controlled or tested by Apple, is provided without recommendation or endorsement. Apple assumes no responsibility with regard to the selection, performance, or use of third-party websites or products. Apple makes no representations regarding third-party website accuracy or reliability. Contact the vendor for additional information.

Start a discussion in Apple Support Communities

Apple releases Safari update with security patches for older macOS versions

Apple recently released iOS 17.4.1 and macOS Sonoma 14.4.1 , both with two security patches . For users running older versions of macOS, the company has now released a standalone update for Safari, its own web browser, with the same patches included with macOS 14.4.1.

Safari update available for older versions of macOS

As detailed on Apple’s website , Safari 17.4.1 fixes an exploit in WebRTC that allowed arbitrary code to be executed when processing images. Apple says that an “out-of-bounds write issue was addressed with improved input validation” and credits Nick Galloway of Google Project Zero for finding and reporting the exploit.

The standalone Safari update is available for Macs running macOS Monterey (version 12) and macOS Ventura (version 13), as there are Macs that can’t be updated to macOS Sonoma, the latest version of macOS available.

Apple has also released iOS 16.7.7 to fix the WebRTC exploit on some iPhone and iPad models not supported by iOS 17, such as the iPhone 8 and iPhone X. It’s always important to keep your devices updated to keep them safe from exploits like this.

In order to update Safari on your Mac, open the System Settings app, click on the General menu and then choose Software Update. Wait until your Mac finds the available update and then click Update Now. To update an iOS device, go to Settings > General > Software Update. It’s worth noting that not every old device gets security patches.

Unpatchable security flaw in Apple Silicon Macs breaks encryption
GarageBand update comes with an important security patch
Here’s how to protect against ‘GoldPickaxe’, the first iPhone trojan
Apple starts rolling out new AirTag firmware update

FTC: We use income earning auto affiliate links. More.

Check out 9to5Mac on YouTube for more Apple news:

Filipe Espósito is a Brazilian tech Journalist who started covering Apple news on iHelp BR with some exclusive scoops — including the reveal of the new Apple Watch Series 5 models in titanium and ceramic. He joined 9to5Mac to share even more tech news around the world.

IMAGES

5 Ways to View Page Source on iPhone or iPad
View Source In iPhone, iPad Safari On iOS 8 With This Extension
How to view webpage HTML source codes on iPad / iPhone. No app required
How To View Html Code In Safari
iPad Tutorial
View Source Code on the iPad and iPhone using Dev Tools on Safari Webkit

VIDEO

View Source Code of Webpage
How To Fix Safari Could Not Install A Profile Due To An Unknown Error 2024|iphone|Iped
How To Turn On Private Browsing on Safari in iPhone iOS 17
How to Clear Safari Browser Cache on iPhone or iPad (iOS)
How To Update Safari on iPad (2023)
How to Download Apps from Safari

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 Web Page Source on iPhone/iPad: 7 Best Methods
7. View Source Code on Web Apps. There are many websites that let you reveal the underlying source codes of websites and web pages for free or for a small fee. From all those web apps, I picked CodeBeautify's Source Code Viewer. Here's how it works: On iPhone or iPad, go to this link: Source Code Viewer using the Safari browser.
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 page source in Safari browser on an iPhone?
Add a comment. 4. 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).
How to view webpage source code in Safari on iPhone and Mac
To access the source code in Safari on your Mac, you need to first enable Develop Mode. Step #1. Open Safari on your Mac and click on Safari → Click on Preferences. Step #2. Next, click on the Advanced tab → Check the box next to Show Develop menu in the menu bar. A new tab named "Develop" will now appear in the menu bar.
How to view HTML source code in Safari
This short tutorials explains how to view the source of a webpage: 1. Safari menu > Preferences > Advanced. 2. Check "Show Develop menu in menu bar". Close Safari's preferences. 3. Develop menu > Show Page Source OR right click your mouse and select "Show Page Source".
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.
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 Source" from Safari on an iPad or iPhone
Bookmark this web page (or any other) with Safari on an iPad, iPhone, or iPod touch and name the bookmark as "View Source". 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 ...
View Web Page Source on iPhone/iPad: The Ultimate Guide
The ability to view web page source code on browsers other than Safari is quite limited. Safari is the only browser that allows you to view web page source on an Apple device, so if you're using Chrome or any other browser on iPhone/iPad, you'll need to install Safari to view the source code.
View HTML Source for Free on iPhone, iPad, and Mac
Simply go to the App Store and install the View Source app. The app only costs $1. Once installed, the Safari Extension is available. To view the source of a web page, simply tap on the share button and then tap on the View Source button. The color-coded HTML source code will appear. View Source offers a few more features.
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 web page source in Safari on iPad or iPhone
Viewing the source code of a web page in Safari on your iPad or iPhone requires the creation of a "bookmarklet". ... 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 ...
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.
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 ...
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 ...
How to View Web Page Source Code on iPhone and iPad
View Source ($0.99) is a simple and powerful app with a Safari extension. It costs $0.99, but comes with a lot of features. Once the app is installed, go to Safari, tap the Share button, swipe to ...
Tip: How to view webpage HTML on iPad / iPhone
The free View Source App in the iPhone and iPad App Store provides a quick, clean, and easily integrated into iOS. Step 2: Load Safari (iPhone, iPod, or iPad), if it is not already open, and visit any web page. Step 3: Click the Share Button (it looks like a box with an arrow pointing upwards.) Step 3: Scroll down to actions (Steps to view HTML ...
How to view page source in iOS
Step 1: In Safari, Chrome, Firefox etc on your iPad or iPhone, on any page (even this one) use the 'Send to' symbol to set a bookmark. Step 2: Delete the name of the page, and rename the bookmark 'Page Source'. Step 3: Edit the bookmark, and replace the URL with this code:
How To View Page Source On Tablet
Viewing the page source on an iPad can be done using the built-in Safari web browser. Follow these steps to access the page source: 1. ... HTML Source Code Viewer: HTML Source Code Viewer is an Android app that provides a simple and intuitive interface to view the page source of any website. It lets you browse the source code hierarchy, search ...
View HTML source code in safari on ipados
It doesn't look like this is an option from your iPad. If you want to view this from Safari on a Mac, go to Safari > Preferences > Advanced from the menu bar. Enable Show Develop menu in menu bar: Use the developer tools in the Develop menu in Safari on Mac. Let me know if this helps. View in context. 9 replies.
Use parental controls on your child's iPhone and iPad
Tap Turn on Screen Time, then tap it again. Choose "This is My [Device]" or "This is My Child's [Device]." If you're the parent or guardian of your device and want to prevent another family member from changing your settings, tap Use Screen Time Passcode to create a passcode, then re-enter the passcode to confirm.
About iOS 17 Updates
About iOS 17 Updates. iOS 17 brings big updates to Phone, Messages, and FaceTime that give you new ways to express yourself as you communicate. StandBy delivers a new full-screen experience with glanceable information designed to view from a distance when you turn iPhone on its side while charging. AirDrop makes it easier to share and connect ...
About the security content of Safari 17.4.1
Impact: Processing an image may lead to arbitrary code execution. Description: An out-of-bounds write issue was addressed with improved input validation. CVE-2024-1580: Nick Galloway of Google Project Zero. Information about products not manufactured by Apple, or independent websites not controlled or tested by Apple, is provided without ...
Apple Vision Pro natural input support comes to WebXR with Safari
WebXR now includes a more natural and privacy-preserving method for interaction — the new transient-pointer input mode — available for Safari 17.4 in visionOS 1.1. Let's explore how natural ...
iPad Pro bezels to get even thinner this year, rumor says
11-inch iPad Pro bezels: 7.12mm. 12.9-inch iPad Pro bezels: 7.08mm. As pointed out by MacRumors, this is about 10% to 15% thinner than the current generation of iPad Pro models since 2018. The ...
Safari updated with security patches for older macOS versions
Apple releases Safari update with security patches for older macOS versions. Apple recently released iOS 17.4.1 and macOS Sonoma 14.4.1, both with two security patches. For users running older ...

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

Method 1: Create a View Source Shortcut

Method 2: Safari Bookmark Trick

Method 3: DevTools Extension for Safari

Method 4: A Nice Browser That Spports View Source

Method 5: View Source App for iOS

1 thought on “ 5 Ways to View Page Source on iPhone or iPad [Inspect] ”

Leave a Reply

How to View HTML Source in Safari

What to Know

View Source Code in Safari

Advantages of Viewing Source Code

Is Viewing Source Code Legal?

How to view webpage source code in Safari on iPhone and Mac

How to View Source Code of a Webpage in Safari on Mac

How to Show/View Page Source Code in Safari on Mac

How to View Webpage Source Code in Safari on iPhone and iPad

How to Enable Safari Extension on your iOS device

Access/View Webpage Source Code in Safari on iPhone and iPad

More Resources

Leave a Reply Cancel reply

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

1. Use Web Inspector Safari extension on iPhone

2. Create a view source shortcut for Safari

3. Safari bookmark trick to view page source

4. Use Google’s webpage cache to view source

5. Use View Source application

Vivek Chaudhary

Related Posts

How to Take a Screenshot on iPhone: 6 Ways

How to Change App Store Country on iPhone

How to Fix Flickering in iPhone Slow-Motion Videos

10 Ways to Fix Incoming Call Busy Problem [Solved]

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

Want to know more about Apple Products?

You May Also Like

Related Articles

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

11 Must Have Apps for Apple Pencil and iPad Pro Users

Khamosh Pathak

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

Rajesh Pandey

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

Evan Selleck

Want to know more about apple Products

Tips & Tricks

How to View Source in Safari for iPad & iPhone

Enjoy this tip? Subscribe to our newsletter!

Related articles:

24 Comments

Leave a Reply

Subscribe to OSXDaily

iPhone / iPad

View Web Page Source on iPhone/iPad: The Ultimate Guide

Detailed Discussion on View Web Page Source on iPhone/iPad

Step 1: Open Safari on your iPhone/iPad

Step 2: Visit the Web Page that you want to View the Source Code of

Step 3: Tap on the Share Button

Step 4: Tap on the ‘Aa’ button next to the Website URL

Step 5: Tap on ‘Show Reader View’

Step 6: Tap on the ‘Share’ button again

Step 7: Tap on ‘Copy’

Step 8: Open the ‘Notes’ Application

Step 9: Paste the Copied Source Code into the Note

Step 10: View the Source Code in the Notes Application

Concluding Thoughts on View Web Page Source on iPhone/iPad

FAQs About View Web Page Source on iPhone/iPad

Why is it important to view web page source on iPhone/iPad?

Can I edit web page source on my iPhone/iPad?

Do I need to be a developer to view web page source code?

Is viewing web page source code legal?

Related articles

LEAVE A REPLY Cancel reply

Categories:

Hot right now:

View HTML Source for Free on iPhone, iPad, and Mac