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

Did you ever require to view webpage source code on your iPhone or Mac? This guide walks you through to view source code of any webpage 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.

Sponsored Links

View Source in Safari on Mac and iPhone

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.

Click on Preferences in Safari on Mac

Sponsored Links

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.

Sponsored Links
    • 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.

Sponsored Links

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.

Tap on Share Button in Safari on iPhone

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

Sponsored Links

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.
Enable Source in Safari on iPhone or iPad

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.

Tap on Share Button in Safari on iPhone

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? Do let us know your opinion in the comments below and stay connected with us via Facebook, Twitter, and Google Plus for more such interesting posts. Also, make sure to download iGeeksBlog iPhone app.

Jignesh Padhiyarhttps://www.igeeksblog.com
Jignesh Padhiyar is the founder of iGeeksBlog.com who has a keen eye for news, rumors and all the unusual stuff that happens around iPhone and iPad.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

16 iPad and iPhone Apps Price Drop – 17 August 2018

What happens when you come to know that one of your favorite iPhone/iPad apps price has just dropped-and available at a huge discount? A...

18 Paid iPad and iPhone Apps Gone Free Today – 17 August 2018

iOS Games Gone Free TodayiOS Apps Gone Free TodayWhile there are tons of awesome apps available for free, a number of extraordinary ones come...

Apple’s tall claims of security falsified by an Australian teen; hacked into the secure computer network

Apple is a company that has always produced high-quality products known for their privacy and security. But the company has failed to maintain its...

How to Install iOS 12 Developer Beta 8 on your iPhone or iPad

Apple has just unveiled iOS 12 and made it available for developers for testing purpose. Packed in with several top-of-the-line features, the latest iOS...