Steps to view source code of a webpage in Safari on iOS and macOS

567 views Leave a comment

Programmers usually use HTML (HyperText Markup Language) or comparable markup language to write a web page. To show the web page, web browsers must get along with a number of web resource elements such as images, scripts and stylesheet. If you want to access the HTML source code of any webpage in Safari on your iPhone or Mac, here is how.

15

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

How to Enable Develop Mode in Safari on Mac

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

Step 1: You need to open Safari on your Mac, click on Safari and then click on Preferences.

Step 2: After that, you need  to click on the Advanced tab and check the box next to Show Develop menu in the menu bar

How to view page source code in Safari on your Mac

Mac supports 3 ways to access the source of a web site:

  • Simply click on a page, then select “Show Source Code”. Now, the source code of the page will show up in the new window.
  • You need to press 3 keys Option/Alt+Command+U on the web page at the same time
  • In the Menu bar, you need to select Develop and choose “Show Source” while you are viewing any web page.

How to view webpage source sode in Safari on iPhone and iPad

Steps to enable Safari extension on your iPhone and iPad

Step 1: Initially, you need to download “Source” on your device (it is priced at $0.99)

Step 2: Next up, you need to tap on the Share button in the toolbar after opening Safari

Step 3: Now, you need to scroll right to the end and then tap on More

Step 4: Finally, make sure to enable Source and then, confirm by tapping on Done at the top right corner.

Access webpage source code in Safari on iPhone and iPad

Step 1. First off, you need to launch Safari on your iOS device

Step 2. Next, you can go to any web page you want

Step 3. After that, you need to tap on the Share button

Step 4. Lastly, you simply need to tap on Source and check out the source of the page.

Also read: You now can get transit directions with Apple Maps in Paris

Got any questions? Let us know in the comments below

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>