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.
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.
Got any questions? Let us know in the comments below