• iPhone 15 Plus vs. Pro Max
  • 3 Key Tech Trends to Watch in 2024

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
  • What is WOFF?
  • How to Save Web Pages in the Opera Desktop Browser
  • How to View the Source of a Message in Apple Mail
  • The Best Windows Web Editors for Beginners
  • How to Find an RSS Feed on a Website
  • Keyboard Shortcuts for Safari on macOS
  • The 4 Best Free Text Editors

OS X Daily

Tips & Tricks

Troubleshooting, how to view page source in safari on mac.

Safari for Mac

Viewing a web pages source code in Safari, and other web browsers, is a fairly routine activity for many people who work with the web for a living or even as a hobby. Unlike some other browsers, to view page source in Safari you must first enable a developer toolset for the browser to be able to access the view web page source feature.

This tutorial will demonstrate how to view a web pages source in Safari on Mac OS. This applies to all versions of Safari and MacOS.

How to View Page Source in Safari for Mac

Here is how you can view a web pages source in Safari on MacOS:

  • First, enable the Safari Develop menu by going to the Safari menu, choosing “Preferences”, going to “Advanced” and checking the box to enable the developer menu

Enabling the Develop menu in Safari for Mac allows you to view pages source

  • Next, in any Safari window, navigate to the web page whose source you wish to view and inspect
  • Pull down the “Develop” menu at the top of the screen and select “Show Page Source” from the menu options

How to view page source in Safari on Mac

  • The web web pages source will appear on screen in the web inspector Sources section, a web developer toolkit built into Safari

Viewing page source in Safari for Mac

Aside from viewing page source, you can also use the Develop menu to accomplish many other web useful tricks and developer tasks, including disabling Javascript and clearing Safari cache amongst myriad other functions and capabilities that are geared towards advanced users and developers, like finding embedded files in pages .

How to View Page Source by Keyboard Shortcut in Safari on Mac

After you have the Develop menu enabled in Safari, you can also use a keyboard shortcut to quickly view any web page source in the Safari browser for Mac:

  • Navigate to the web page you wish to view the page source for
  • Press Command + Option + U keyboard combination to view the page source

The keyboard shortcut for viewing page source will open the web inspector tool, just like accessing it from the Develop menu.

If you’re an advanced user of Safari, enabling the Develop menu is likely one of the first things you do when you launch the browser for the first time.

For what it’s worth, the Chrome browser and Firefox browsers also have similar web element inspector capabilities, but obviously we’re focusing on Safari for Mac here.

The Developer functions in Safari for Mac are not available for iPhone or iPad (yet anyway), but if you’re interested in gaining source viewing options on the mobile side you can use this javascript trick to view page source in iOS and ipadOS versions of Safari.

Do you have any handy tips or tricks associated with viewing page source or the developer toolset in Safari? Share your thoughts, tips, and experiences with us in the comments.

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.

.

Related articles:

  • How to Turn Off Split Screen in Safari for iPad? Exiting Safari Split Screen in iPadOS
  • How to Take Full Page Screenshots in Safari on iPhone & iPad
  • How to Customize Safari Start Page on Mac
  • How to “View Source” from Safari on an iPad or iPhone

» Comments RSS Feed

I appreciate how you made achieving this goal simple and clear. Out of all the search results I reviewed on this subject the information is the only one that has value. Thanks

I learn something from more than 90% of what you send me in your newsletters. My wife and myself are 70yrs old and we aren’t very computer literate. We both have MacBook Air laptops. They are new and running macOS Catalina 10.15.7 We are reluctant to upgrade to macOS Big Sur. I’m collecting everything I can find that you print about Big Sur. Once we’re comfortable, I think we may try it. I’m writing to thank you for what you do for us and you ask for nothing. ThankYou! ~Peter~

Leave a Reply

Name (required)

Mail (will not be published) (required)

safari browser view page source

Subscribe to OSXDaily

Subscribe to RSS

  • - See Who Sent You a Link in Safari on iPhone, Mac, iPad
  • - Fix iPad Temperature Warning: iPad needs to cool down before you can use it
  • - How to Fix “Your system has run out of application memory” on Mac
  • - How to Mount & Copy HFS Classic Mac Drives on MacOS
  • - How to Recover Unsaved Word Documents on Mac with AutoRecovery
  • - Get Real-Time Sport Scores & Live Stats with Apple Sports
  • - Apple Cancels the Apple Car Project
  • - RC of iOS 17.4 & iPadOS 17.4, macOS Sonoma 14.4 Beta 5, Released for Testing
  • - 4th Beta of iOS 17.4, macOS Sonoma 14.4, iPadOS 17.4, Available for Testing
  • - Beta 3 of macOS Sonoma 14.4, iOS 17.4, iPadOS 17.4, Available for Testing

iPhone / iPad

  • - Use a Free Net Worth Spreadsheet on iPhone, Mac, iPad, with Numbers
  • - How to Automatically Fill SMS Passcodes & Security Codes on iPhone, iPad, Mac
  • - How to Collaborate on Playlists with Spotify
  • - Fix “Not authorized to send Apple events to System Events” Mac Error
  • - Fix “Photos Quit Unexpectedly” Error on Mac
  • - How to Stop “Upgrade to MacOS Sonoma” Notifications on Macs

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.

© 2024 OS X Daily. All Rights Reserved. Reproduction without explicit permission is prohibited.

iGeeksBlog Logo (Retina)

  • 👉🏻 Get our iOS 17 eBook 📚 for FREE 👈🏻

iGeeksBlog

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

Jignesh

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.

Click on Preferences in Safari on Mac

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.

Tap on Share Button in Safari on iPhone

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?

safari browser view page source

Leave a Reply Cancel reply

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

Save my name, email, and website in this browser for the next time I comment.

This site uses Akismet to reduce spam. Learn how your comment data is processed .

How-To Geek

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

The Develop menu lets you view page source in Safari on Mac.

Quick Links

How to enable the develop menu in safari on mac, how to view page source in safari on mac.

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

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

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

Click Safari in the menu bar

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

Click Preferences

Go to the "Advanced" tab.

Click Advanced

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

Enable Show Develop menu in menu bar

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

The Develop menu in the menu bar

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

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

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

Click Show Page Source

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

Click the Images folder to view all images from any webpage

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

Open the details sidebar

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

Click the Resources tab

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

Click the rectangle icon to change the position of the page source console

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

Click the two rectangles icon to open the page source in a new window

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

Click Inspect Element

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

Related: How to View the HTML Source in Google Chrome

Sign up for our daily newsletter

  • Privacy Policy
  • Advertise with Us

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

Mahesh Makvana

Behind every beautiful webpage is a complex code called source code that serves the design and the functionality of that webpage to its users. Sometimes you may get curious and would like to see exactly what code builds a webpage. Viewing the source code of a webpage is possible in almost all web browsers, and the same applies to Safari for Mac.

Safari for Mac does allow you to view the source code of a webpage; however, it does not work like Chrome or Firefox. To view the source of a page in Safari you need to first unlock a hidden menu in the browser.

Here’s how to enable that menu and then see the source of a webpage using multiple ways.

View the Source Code of a Webpage in Safari on Mac

1. Launch Safari on your Mac.

2. When Safari launches, click on the “Safari” menu on the top followed by “Preferences…”

safarisource-pref

3. When the Preferences panel opens, click on the tab that says “Advanced”. It should be the last one in the menu on the top.

safarisource-advanced

4. Inside the Advanced tab you should see an option that says “Show Develop menu in menu bar.”

Checkmark the box for the option, and the menu should instantly be added to the menu bar in the browser.

safarisource-show

The Develop menu is now unlocked in Safari on your Mac. Here’s how you can use various options it gives you to access the source code of a webpage.

1. Using the Develop Menu

In the menu bar of Safari, you should now see a new option called “Develop” that has just been unlocked. To view the source of a page, click on the “Develop” menu and then choose “Show Page Source.”

safarisource-develop

Safari should instantly show you the full source code of the webpage.

2. Using a Keyboard Shortcut

If you plan to access the source code of a number of webpages, you may want to use a keyboard shortcut as it will be much faster than clicking an option in the menu bar and selecting another option.

safarisource-shortcut

While a webpage is open in Safari, press the “Option + Command + U” key combination, and Safari should let you see the source code of the webpage.

3. Using the Right-Click Menu

safarisource-context

If Safari is your primary browser, and you happen to be someone who is interested in viewing the codes behind various webpages, the guide above should help you do that without requiring you to leave your favorite browser.

Our latest tutorials delivered straight to your inbox

Mahesh Makvana

Mahesh Makvana is a freelance tech writer who's written thousands of posts about various tech topics on various sites. He specializes in writing about Windows, Mac, iOS, and Android tech posts. He's been into the field for last eight years and hasn't spent a single day without tinkering around his devices.

Man Gaming On A Mac

mactrast

How to “View Page Source” in Safari on Mac

How to “View Page Source” in Safari on Mac

Being able to “view page source” or “inspect element” on a webpage can be very helpful to advanced Mac users. You can troubleshoot webpage related issues, adjust styling in the HTML code, or even learn optimization tips from websites you consider the industry leaders.

This guide is meant to help users who are transitioning from Windows or other Mac browsers to Safari on macOS . If you’re anything like me, you use multiple browsers for different reasons (or even different projects to better manage yourself). While Chrome is fast and light, the Mac’s default browser is better integrated with the entire Apple eco-system allowing you to sync password keychain options.

Compared to other Mac browsers such as Chrome, Firefox, or Opera; Safari doesn’t have the option to “view page source” enabled by default. However, you can adjust the setting with a couple of steps.

  • Open your Safari browser
  • Click on “Safari” in the navigation bar and select “Preferences”
  • Go to “Advanced” tab
  • Check “Show develop menu in menu bar”

After you exit the preferences, you’ll be able to two-finger tap on your trackpad (or right click with your mouse) to see the options to “show page source” or even “inspect element.”

Find the step-by-step image guide below.

Step 1) In Safari, select Preferences

Step 2) Select “Advanced” tab and check “Show Develop menu in menu bar”

Step 3) Select “Show Page Source” or “Inspect Element”

flipboard-share

  • Privacy Policy
  • Terms of Service

WebNots

Home » Tech Tips » Browsers » How to View Webpage Source CSS and HTML in Safari Mac?

How to View Webpage Source CSS and HTML in Safari Mac?

Safari is the default browser in Mac used by mere 3.7% of the Internet users. Apple claims users can browse 2 hours more and view Netflix videos 4 hours more with Safari compared to Chrome or Firefox. There are also lots of new features introduced like pinning a tab and muting audio from the tab. But as a developer or web site owner you may need to look for the source code frequently and in this article we will explore how to view webpage source CSS and HTML in Safari.

Enabling Developer Menu

By default the developer options are disabled in Safari which means you will not see the “ Develop ” menu, “ Inspect Element ” when right clicking and the whole developer console options. Launch Safari and navigate to the menu “ Safari > Preferences… > Advanced Tab ” and enable the option “ Show Develop menu in menu bar ”. This will enable the “ Develop ” menu and all other features required to view webpage’s source.

Enable Develop Menu in Safari

Viewing Webpage Source

Once the “ Develop ” menu is enabled, open the webpage you want to view the source. Similar to other browsers just right click and chose “Show Page Source” or “ Inspect Element ” option. This will open the Web Inspector console at the bottom of the page.

Viewing Safari Web Inspector in Separate Window

Note: Web inspector can also opened using the shortcuts “ Option + Command + I ” when the “ Develop ” menu is enabled.

Using Web Inspector Console in Safari

The web inspector when docked at bottom of the page will look like below having multiple sections:

Safari Web Inspector

  • Dock the web inspector console to right side, bottom or open it in a separate window to use as per your convenience.
  • Click on the reload button to load the page and download button to download the web archive of the page to your local Mac. Using this download option you can get the local copy of any webpage for later analysis.
  • The tab panels have many panels like elements, network, resources, timeline, debugger, storage and console. Click on the required panel to view the related information.
  • Based on the selected tab the details can be viewed under this left panel. For example, the resources tab will show all resources like fonts, images, stylesheets and scripts used on the page.
  • This right panel shows the corresponding detailed information for the section on the left panel. For example, selecting the “ Resources ” tab and then “ Stylesheets ” will list down all the external stylesheets used on the page. Click on any stylesheet to view the source in the right side panel.

Inspecting Elements

Right clicking on any of the element on the page will show “ Inspect Element ” option and clicking on it will open the web inspector. Under “ Elements ” tab move the mouse and the corresponding element on the page will get highlighted. Once the element is selected the corresponding CSS of the element can be viewed under “Styles” tab on the right side panel.

Viewing Element CSS in Safari

The “ Styles ” tab has three dropdown values – “ Styles-Computed, Styles-Rules and Styles-Visual” . The “ Styles-Rules ” option helps to show individual CSS class as can be seen in Chrome and Firefox . You can enable, disable, modify individual CSS properties of the element directly and see the impact the web page.

Viewing on Responsive Modes

Safari makes it easy to view the webpages on different types of display generally used to test the responsiveness of the webpage. Click on the “ Enter Responsive Design Mode ” option available under “ Develop ” tab or use keyboard shortcuts “ Option + Command + R ”. You can view the display on different devices like iPhone, iPad and other Macs.

Safari Responsive Mode

Safari also offer to choose the user agent to render the page on all latest browsers like Chrome, IE11, Edge and Firefox on iOS, Mac and Windows platforms. Responsive mode can be exited either with keyboard shortcuts “ Option + Command + R ” or from the menu “ Develop > Exit Responsive Design Mode ”.

About Editorial Staff

Editorial Staff at WebNots are team of experts who love to build websites, find tech hacks and share the learning with community.

You also might be interested in

CSS Bulleted List Items

How to Create Bulleted List Items in Weebly?

Bulleted list items are the easiest way to tell the summary[...]

Embed Audio and Video in HTML

How to Embed Audio and Video Using HTML5?

Audio and video can help to add interactive content to[...]

Save Word Document as Webpage

How to Save Microsoft Word Document as a Webpage?

Microsoft Word is the most popular word processing application for[...]

DOWNLOAD EBOOKS

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

TRENDING TECH ARTICLES

  • ALT Code Shortcuts for Symbols
  • Fix Chrome Resolving Host Problem
  • Fix Slow Page Loading Issue in Google Chrome
  • View Webpage Source CSS and HTML in Google Chrome
  • Fix Safari Slow Loading Pages in macOS
  • Fix Windows WiFi Connection Issue
  • ROYGBIV or VIBGYOR Rainbow Color Codes
  • Fix I’m Not A Robot reCAPTCHA Issue in Google Search
  • Structure of HTTP Request and Response

POPULAR WEB TUTORIALS

  • Move WordPress Localhost Site to Live Server
  • Move Live WordPress Site to Localhost
  • Move WordPress Media Folder to Subdomain
  • Fix WooCommerce Ajax Loading Issue
  • Create a Free Weebly Blog
  • Edit Weebly Source Code HTML and CSS
  • Add Scroll To Top Button in Weebly
  • Add Table in Weebly Site
  • How to Add Advanced Data Table Widget in Weebly?
  • Up to $500 Free Google Ads Coupon Codes

FREE SEO TOOLS

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

© 2024 · WebNots · All Rights Reserved.

Type and press Enter to search

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. 

View Page Source iPhone

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:

DevTools Extension for Safari

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.

Via Browser iOS

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. 

View Source App

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.

Leave a Reply

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

You cannot copy content of this page

Download Free

How to View Page Source on Safari

It's free and super easy to set up

Safari is a popular web browser used on both desktop and iOS devices. It offers many features that make web browsing effortless and enjoyable. One of its features is the ability to view page source. Page source is the underlying code that creates a webpage. Understanding how to view page source can be helpful for troubleshooting website issues, learning coding principles, or simply satisfying one's curiosity.

Understanding Page Source and Its Importance

In simple terms, page source is the code that creates the visual layout of a webpage. Every webpage is made up of various HTML, CSS, and JavaScript files. The page source is the foundation of how the webpage is presented to the user. It's crucial to understand page source's importance since it could help one in troubleshooting website issues.

When you view a webpage, your browser loads the page source code and interprets it to display the webpage. The HTML code defines the structure of the webpage, while the CSS code defines the style and layout of the page. JavaScript code is used to add interactivity to the webpage.

By viewing the page source, you can see the exact code that creates the webpage. This can be useful in troubleshooting issues with the webpage, such as broken links or missing images. You can also use the page source to learn how a webpage was built and gain insight into web development.

Another benefit of understanding page source is that it can help with search engine optimization (SEO). Search engines use the page source to understand the content of a webpage and rank it in search results. By optimizing the page source, you can improve the chances of your webpage ranking higher in search results.

It's also important to note that not all page source code is created equal. Some web developers may use sloppy or inefficient code, which can negatively impact the performance of the webpage. Understanding page source can help you identify and fix these issues, resulting in a faster and more efficient webpage.

In conclusion, understanding page source is an essential aspect of web development and website troubleshooting. By gaining insight into the code that creates a webpage, you can optimize the webpage for search engines, improve performance, and troubleshoot issues more effectively.

Enabling the Develop Menu in Safari

Before we can view the page source in Safari, we must first activate the Develop menu. The Develop menu provides many features for web developers and allows us to view page source with ease.

Accessing Safari Preferences

To activate the Develop menu, click on Safari in the menu bar and select Preferences. Alternatively, you can use the keyboard shortcut Command + comma (,).

Activating the Develop Menu

In the Safari Preferences window, click on the Advanced tab. Check the box next to "Show Develop menu in menu bar”.

Viewing Page Source Using the Develop Menu

With the Develop menu activated, we're now ready to view page source in Safari.

Navigating to the Desired Webpage

Open Safari and navigate to the webpage that you want to view the page source. Once the webpage has finished loading, go to the Develop menu and select "Show Page Source”. Alternatively, you can use the keyboard shortcut Option + Command + U.

Accessing the Page Source

A new window will appear, displaying the page source of the current webpage. You can view the page source by scrolling through the code. For easier reference, you can search for specific keywords using the search bar. You can also copy the page source by selecting all and copying it.

Using Keyboard Shortcuts to View Page Source

If you prefer using keyboard shortcuts to view page source, you can use Option + Command + U for macOS or Ctrl + U for Windows. This will bring up the page source in a new window, allowing you to examine the code.

Viewing Page Source on Safari for iOS Devices

Viewing page source on Safari for iOS devices isn't as straightforward as on the desktop, but it's still possible.

Installing a Third-Party App

To view page source on Safari for iOS, you'll need to install a third-party app like View Source or Source App. These apps will add a bookmarklet to Safari, which you can use to view the page source of any webpage that you're currently viewing.

Accessing Page Source on iOS

Once you've installed the app, go to the webpage that you want to view the page source. Tap on the Share button and select "View Source” or "Source”. The app will open a new window displaying the page source of the current webpage.

Analyzing Page Source for Troubleshooting and Learning

Viewing page source is not only useful for troubleshooting website issues, but it's also a great way to learn coding principles.

Identifying Common HTML Elements

By viewing page source, you can identify the HTML elements used on a webpage. This can help you understand how webpages are structured and how they're displayed to the user.

Inspecting CSS and JavaScript Files

You can also examine the CSS and JavaScript files used on a webpage. This can help you understand how the webpage is styled, how animations and interactivity are created, and how ads and analytics are integrated.

Frequently Asked Questions about Viewing Page Source in Safari

Can i edit the page source in safari.

No, the page source displayed in Safari can only be viewed. You'll need to use a code editor like Notepad, Sublime, or Visual Studio Code to edit page source.

Do I need to know how to code to view page source?

No, you don't need to know how to code to view page source. It can be helpful, but not necessary. Viewing page source is more about understanding how webpages are built and identifying possible issues.

Should I view page source on every webpage I visit?

It's not necessary to view page source on every webpage you visit unless you're troubleshooting or analyzing a particular webpage. However, it can be a helpful habit to adopt if you're interested in learning more about web development.

Can I view page source on other web browsers?

Yes, you can view page source on other browsers as well. Firefox, Chrome, and Edge all have similar features for viewing page source.

In conclusion, viewing page source can be both informative and helpful for both web developers and casual users. Safari offers multiple ways to access page source, making it accessible for everyone. Whether you're troubleshooting website issues or simply learning coding principles, viewing page source is definitely worth exploring.

Let's set you up !

Working on the web!

Student Tips

Startup Tools

Browser Glossary

Browser Tips

Geek Instructor

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.

View source code of web pages on iPhone

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 .

Enable extension in Safari

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

Web Inspector extension

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

Create shortcut for view source

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.

View source using bookmark script

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.

View source Google's cache

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!

Use View Source app on iPhone

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.

Related Posts

Take screenshot on iPhone

How to Take a Screenshot on iPhone: 6 Ways

Change App Store location on iPhone

How to Change App Store Country on iPhone

Fix flickering iPhone slow motion videos

How to Fix Flickering in iPhone Slow-Motion Videos

Fix incoming call busy problem

10 Ways to Fix Incoming Call Busy Problem [Solved]

Leave a comment cancel reply.

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

Save my name, email, and website in this browser for the next time I comment.

MobiGyaan

  • Telecom News
  • Smartphone News

How To View Page Source In Safari Browser On Your Mac [Guide]

Surfing the internet using browsers is a daily routine for most of us, however, some people also view the source of the webpage. Safari browser is the default browser on Mac computers and is one of the fastest web browsers available. But to view page source in Safari, you can’t do it right away.

Browsers like Google Chrome and Firefox allow you to view the web site’s source code with a couple of clicks away, but when it comes to Safari, you can’t view the source just like that. You must first enable a developer toolset for the Safari browser and then you will be able to access the web page source feature.

Mac 3

How To View Page Source In Safari

To view page source in the Safari browser on your Mac, follow the steps. This applies to all versions of Safari and macOS.

  • Launch Safari browser on your Mac
  • Click on  Safari -> Preferences  located at the menu bar on the top.
  • Click on  Advanced  and check the box  Show Develop menu in the menu bar as shown .

This will enable the web developer toolset on Safari and with that, you access do a lot of developer tools which includes the Show Page Source.

How To View Page Source In Safari Browser On Your Mac Guide 1

Now type the website address into the address bar and navigate to the webpage you want to view the source code.

  • Go to Develop -> Show Page Source in the menu bar after you’ve checked the box in the settings.

You can also use the keyboard shortcut Command + Option + U  to view the web page source code.

  • Use Command + Option + U to view page source code.

Google Chrome and Firefox browsers also have similar developer tools, these tools are enabled by default and you can access them by right-clicking on the webpage and click on view source or inspect element.

How To View Page Source In Safari Browser On Your Mac Guide 3

Do you have any handy tricks associated with the Safari browser? Let us know.

More tips and tricks, guides, and tutorials on Mac and Windows are available on How-To Guides . For more updates on the latest smartphones and tech, follow us on our social media profiles.

  • Instagram | Facebook | TikTok

Realme Buds Q TWS earphones to soon launch in India

How to create playlists on apple music on your mac [guide].

How To Create Playlists On Apple Music On Your Mac [Guide]

  • Privacy Policy

© 2008-2023 - MobiGyaan. All Rights Reserved.

  • Team MobiGyaan
  • Work with us

Macintosh How To

How to view the html page source of a website in Safari

safari

This is a bit of an advanced tip for web developers. Safari used to have a menu item called ‘View Page Source’. If you selected this you could see the HTML code of the website you were viewing.  This option has been removed from recent versions of Safari but you can re-enable it by turning on Safari’s Develop menu.

You can enable the extra menu in Safari by selecting ‘Preferences’ under Safari in the OS X menu bar  and then under the ‘Advanced’ pane select the checkbox that says ‘Show Develop menu in menu bar.’

Now you will see the following extra menu in Safari:

safari debug

This contains useful tools for developers.

‘Show Page Source’ will show you the HTML page source code.

You can also Empty Caches from here, and even trick a webpage into thinking you are using a different browser to see if it renders differently.

If you change your mind just type the same command into terminal but with a ‘0’ at the ned instead of the ‘1’.

Share this:

safari browser view page source

Latest Comments

Hello. I also need help with this to work on my M1 Mac. So sad the Airport Utility won’t support…

Explanation from iPhonedo confirming what I say above – it’s just a simple Panoramic photo, and she moves bwtween shots.…

That’s lovely feedback!

Article Categories

  • advanced (40)
  • Apple News (21)
  • Apple TV (5)
  • beginners (17)
  • dragon (19)
  • drivers (9)
  • entertainment (1)
  • gadgets (4)
  • google (18)
  • hardware (46)
  • internet (29)
  • iphone (33)
  • itunes (21)
  • keynote (8)
  • livestream (1)
  • macbook (4)
  • macintoshhowto (9)
  • movies (24)
  • networking (3)
  • performance (11)
  • podcasting (2)
  • Presentations (18)
  • printing (19)
  • problems (18)
  • productivity (26)
  • publishing (18)
  • Repairs (5)
  • reviews (11)
  • samsung (4)
  • software (44)
  • speech recognition (9)
  • Steve Jobs (5)
  • telstra (6)
  • Windows (1)
  • Wordpress (9)

Leave a Reply Cancel reply

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

Notify me of follow-up comments by email.

Notify me of new posts by email.

This site uses Akismet to reduce spam. Learn how your comment data is processed .

How to See the Source Code of a Website (Easy Methods)

Easy methods to view the source code of any webpage on a PC or a MAC using any of the popular web browsers.

Alex Chris

  • Academy Login
  • Online Courses
  • Get Free eBooks

How to view the HTML source code of a website on a Mac

How to view source code on a pc, how to view the html code of a particular page element, how to download an entire website source code.

  • Why is important to know how to view a website’s source code?

Key Learnings

It’s always useful to know how to view the source code of your website or any website. It’s a skill that can prove very handy when working on your SEO, troubleshooting problems, or just curious to see what the HTML source code of a website looks like.

In this post, you’ll learn easy methods on how to see the code of any website on any platform. Let’s get started.

To view the source of a website on a Mac using Safari, navigate to the page you want and use the following keyboard shortcut: Option+Command+U.

Alternatively, you can right-click anywhere on the page and select “Show Page Source” from the dropdown menu.

Google Chrome

To view the source code of a website on a Mac using Chrome, navigate to the page you want and use the keyboard shortcut: Option+Command+U.

Digital Marketing Training

You can also right-click on the page and select “View Page Source” from the dropdown menu.

View Website Source Code Using Chrome on a Mac

When using Firefox on a Mac, the keyboard shortcut to view the source code is: COMMAND + U

When using Google Chrome on a PC, you can view the source code of a website by using the keyboard shortcut: CTRL + U.

View Source Code Using Chrome on a PC

When using Firefox on a PC, the keyboard shortcut to view the source code is: CTRL + U

When using Opera on a PC, the keyboard shortcut to view the HTML source code of a page is: CTRL + U

Microsoft Edge

The keyboard shortcut to view the source code of a page when using the Microsoft Edge browser on a PC is: F12 & CTRL+SHIFT+I

Instead of viewing the HTML code of a whole page, you can view the code of particular page elements using the INSPECT ELEMENT option available in all popular browsers like Google Chrome, Firefox, and Safari.

The process is straightforward. Open the page in a new browser window and then highlight a section of the page using the mouse.

Right-click and then select INSPECT from the dropdown menu.

This will open the developer tools and show you the HTML code associated with the particular element or page section.

Here is a quick demo of how to do this using Google Chrome.

To download a website’s HTML source code, navigate using your favorite browser to the page, and then select SAVE PAGE AS from the FILE menu. You’ll then be prompted to select whether you want to download the whole page (including images) or just the source code.

The download options are common for all browsers.

Web Page, Complete:  Downloads the page source code and all images, CSS files, and js script associated with the particular page. All files are saved in a folder. This is useful when you need to download the images together with the HTML code.

Web Page, Single File:  Downloads the page in MHTML (short for MIME HTML). This is a form of HTML that includes both the website’s code and any external resources.

Web Page, HTML Only:  Downloads the HTML and any other elements (like embedded Java Script Code) found in the body of a page.

Why is important to know how to view a website’s source code?

There are many use cases where you might want to check the source code of a website, the most common are:

Check for the occurrence of H1 tags – Best SEO practices indicate a page should have only one H1 tag . To check if this is the case with your website, you can navigate to one of your posts, and using any of the methods described above, you can view the HTML source code of the page. You can then search for <h1> and see if there is more than one H1 tag on the page.

Check if links are nofollow – One of the ways to find out if a link has the nofollow tag added (which makes it less important for SEO rankings) is to view the HTML code of a page and check for the occurrence of the word ‘nofollow’ within the <a></a> element. You can do this to check the links on your website or any other website.

Optimize your website for speed – A good reason for analyzing your website’s source code is when optimizing your page speed . As a starting point, you can view the HTML of a page and try to identify elements (including JS and CSS files) that can be removed to make the page size smaller and faster to download. Then with the help of other tools (like Google’s PageSpeed Insights ), you can continue optimizing your code further.

It’s very easy to view or save the source code of a webpage. The process is the same for all browsers. The first step is to navigate to the page you want and then you can view the HTML using a keyboard shortcut.

You can optionally download the code in a text file. To view the HTML code of a particular page element, use the INSPECT function that is part of the developer’s tools.

Alex Chris

Alex Chris is a digital marketing consultant, author, and instructor. He has more than 18 years of practical experience with SEO and digital marketing. Alex holds an MSc Degree in eCommerce and has consulted with Fortune 500 companies in different industries. He blogs regularly about SEO and Digital marketing, and his work has been referenced by leading marketing websites. Connect with Alex on Twitter and LinkedIn .

Ultimate Course Bundle

Leave a Reply Cancel reply

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

safari browser view page source

About Reliablesoft

Online training.

safari browser view page source

How To See Source Code In Safari

Copy to Clipboard

  • Software & Applications
  • Browsers & Extensions

how-to-see-source-code-in-safari

Introduction

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

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

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

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

Method 1: Using the Developer Tools

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

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

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

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

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

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

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

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

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

Method 2: Using the View Source Option

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Leave a Reply Cancel reply

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

Save my name, email, and website in this browser for the next time I comment.

  • Crowdfunding
  • Cryptocurrency
  • Digital Banking
  • Digital Payments
  • Investments
  • Console Gaming
  • Mobile Gaming
  • VR/AR Gaming
  • Gadget Usage
  • Gaming Tips
  • Online Safety
  • Software Tutorials
  • Tech Setup & Troubleshooting
  • Buyer’s Guides
  • Comparative Analysis
  • Gadget Reviews
  • Service Reviews
  • Software Reviews
  • Mobile Devices
  • PCs & Laptops
  • Smart Home Gadgets
  • Content Creation Tools
  • Digital Photography
  • Video & Music Streaming
  • Online Security
  • Online Services
  • Web Hosting
  • WiFi & Ethernet
  • Browsers & Extensions
  • Communication Platforms
  • Operating Systems
  • Productivity Tools
  • AI & Machine Learning
  • Cybersecurity
  • Emerging Tech
  • IoT & Smart Devices
  • Virtual & Augmented Reality
  • Latest News
  • AI Developments
  • Fintech Updates
  • Gaming News
  • New Product Launches

Close Icon

How To Dribble In FIFA 22

How to do skills in fifa 22, related post, how to do ball roll fifa 22, how to do elastico fifa 22, when is fifa 22 free, how to get fifa 22 for free pc, how to play fifa 22, related posts.

How To View Page Source On Tablet

How To View Page Source On Tablet

How To Inspect In Safari On IPad

How To Inspect In Safari On IPad

How To Debug In Safari

How To Debug In Safari

How To Download R Studio On Mac

How To Download R Studio On Mac

How To View Page Source On Safari

How To View Page Source On Safari

How To Inspect Page On Safari

How To Inspect Page On Safari

How To Remove Browser Extensions

How To Remove Browser Extensions

Why Is My Safari Not Working On IPhone

Why Is My Safari Not Working On IPhone

Recent stories.

How To Dribble In FIFA 22

How To Get Twitch Prime Pack FIFA 22

Robots.net

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

I accidentally discovered the hidden Safari browser on my Apple Watch — here’s how to do it

Surfing the web comes in handy when you're in a pinch

Apple Watch hidden Safari browser.

One of the coolest things I read about lately is Motorola’s concept bendable smartphone introduced at MWC 2024 that can be worn on your wrist. I was really impressed about the possibilities of a wrist-worn smartphone, up until a notification popped up on my Apple Watch , which subsequently led me to accidentally discovering its hidden Safari browser.

I’ll be the first to admit that smartphones are better suited for surfing the web, but I like having my options open. Browsing websites on an Apple Watch may not be as practical, mainly due to its tinier display, but it can certainly come in handy when I’m in a pinch.

I’m not saying that web surfing on a wearable needs to be a core feature available on the best smartwatches . However, I can see how others may lean on the option if given the opportunity. Here’s how to access it.

How to access the hidden Safari browser on your Apple Watch

No, there’s not a Safari app for the Apple Watch. I wish it were that easy, but it’s actually buried in the WatchOS software. I’ve tried loading up different sites to see how they load and function on my Apple Watch’s display.

For the most part it functions in a reduced capacity than what we’re all used to on our phones. Believe me, you don’t want to shop or fill out long forms with this hidden Safari browser — and for the most part — should be used strictly to browse sites and nothing more. That’s because it has trouble running certain web scripts, resulting in some page elements not loading properly. Here are some important things you should know about using the hidden Safari browser on your Apple Watch.

  • Scrolling: You can do this either by using swipe gestures on the screen or using the digital crown.
  • Page views: Sometimes it’ll load in a reader view to make it easier to see, but there’s an option for web view for the full experience.
  • Navigation : The URL bar that loads at the top can’t be used to type in URLs. However, there are buttons to stop and reload the page — along with returning to the previous page.
  • Zooming: On some pages you’ll be able to zoom by double tapping anywhere on the display. Otherwise, text passages will automatically fill out the entire width of the screen.
  • Multitasking: If you exit the Safari browser, it should remain in memory and be accessible by double pressing the digital crown to get into the recent apps menu. 

1. Send yourself the desired URL

On your Apple Watch, you will need to send the URL to yourself by opening the Messages app , tapping the compose button , choosing yourself as the contact, and then typing the URL by using the on-screen keyboard or Siri voice dictation. Once you have the URL, tap the giant send button .

2. Launch the hidden Safari browser

Once you’ve sent the URL to yourself, you’ll get a notification where you can instantly jump into the message. If not, simply open the Message app and tap on the preview window of the URL you sent. A new page should load on top of the Messages app. In certain instances, the browser will default to the Reader view, but you can change it to Web View by clicking the URL bar at the top.

3. Mail app can also launch Safari browser

Alternatively, you can also access the Safari browser through links in the Mail app . When you click on them, a new page will overlay the mail app with the appropriate link. 

Smartwatches like the Apple Watch aren’t meant to replace our smartphones. They’re extensions that let us access some of the most commonly used functions on our phones, like the way they discreetly show notifications.

This hidden Safari browser can be useful when you’re in a dire situation. While I was able to basically get to checkout on Motorola’s website for one of its phones, I really don’t recommend using it for this purpose — but rather — the option to quickly browse a webpage.

More from Tom's Guide

  • Garmin Fenix 7 vs. Polar Vantage V3: Which rugged GPS smartwatch wins?
  • I did the 12-3-30 treadmill workout for a month — here's my results
  • OnePlus Watch 2 review — redemption, and then some

Get the BEST of Tom’s Guide daily right in your inbox: Sign up now!

Upgrade your life with the Tom’s Guide newsletter. Subscribe now for a daily dose of the biggest tech news, lifestyle hacks and hottest deals. Elevate your everyday with our curated analysis and be the first to know about cutting-edge gadgets.

John Velasco

John’s a senior editor covering phones for Tom’s Guide. He’s no stranger in this area having covered mobile phones and gadgets since 2008 when he started his career. On top of his editor duties, he’s a seasoned videographer being in front and behind the camera producing YouTube videos. Previously, he held editor roles with PhoneArena, Android Authority, Digital Trends, and SPY. Outside of tech, he enjoys producing mini documentaries and fun social clips for small businesses, enjoying the beach life at the Jersey Shore, and recently becoming a first time homeowner.

Apple Ring — everything we know so far about the rumored smart ring

Samsung Galaxy Ring vs Oura Ring — everything we know so far

Another 'Game of Thrones' prequel is in the works — here's what we know

Most Popular

By Nicola Appleton February 26, 2024

By Peter Wolinski February 26, 2024

By Peter Wolinski February 25, 2024

By John Velasco February 25, 2024

By Ryan Morrison February 24, 2024

By Camilla Sharman February 24, 2024

By John Velasco February 24, 2024

By Cynthia Lawrence February 24, 2024

By Nikita Achanta February 23, 2024

By Richard Priday February 23, 2024

By Dave Meikleham February 23, 2024

  • 2 Get a top-rated DreamCloud mattress for just $419 in this weekend's sale
  • 3 Huge Samsung sale this weekend — here's the 5 deals I recommend
  • 4 How we test VPNs
  • 5 5 best Rebecca Ferguson movies

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 with those around you and adds NameDrop for contact sharing. Enhancements to the keyboard make entering text faster and easier than ever before. iOS 17 also includes updates to Widgets, Safari, Music, AirPlay, and more.

For information on the security content of Apple software updates, please visit this website: https://support.apple.com/kb/HT201222

This update provides bug fixes for your iPhone including:

Text may unexpectedly duplicate or overlap while typing

This update introduces additional security measures with Stolen Device Protection. This release also includes a new Unity wallpaper to honor Black history and culture in celebration of Black History Month, as well as other features, bug fixes, and security updates for your iPhone.

Stolen Device Protection

Stolen Device Protection increases security of iPhone and Apple ID by requiring Face ID or Touch ID with no passcode fallback to perform certain actions

Security Delay requires Face ID or Touch ID, an hour wait, and then an additional successful biometric authentication before sensitive operations like changing device passcode or Apple ID password can be performed

Lock Screen

New Unity wallpaper honors Black history and culture in celebration of Black History Month

Collaborate on playlists allows you to invite friends to join your playlist and everyone can add, reorder, and remove songs

Emoji reactions can be added to any track in a collaborative playlist

This update also includes the following improvements:

AirPlay hotel support lets you stream content directly to the TV in your room in select hotels

AppleCare & Warranty in Settings shows your coverage for all devices signed in with your Apple ID

Crash detection optimizations (all iPhone 14 and iPhone 15 models)

Some features may not be available for all regions or on all Apple devices. For information on the security content of Apple software updates, please visit this website:

https://support.apple.com/kb/HT201222

This update provides important bug fixes and is recommended for all users.

For information on the security content of Apple software updates, please visit this website:

This update introduces Journal, an all-new way to reflect on life’s moments and preserve your memories. This release also includes Action button and Camera enhancements, as well as other features, bug fixes, and security updates for your iPhone.

Journal is a new app that lets you write about the small moments and big events in your life so you can practice gratitude and improve your wellbeing

Journaling suggestions make it easy to remember your experiences by intelligently grouping your outings, photos, workouts, and more into moments you can add to your journal

Filters let you quickly find bookmarked entries or show entries with attachments so you can revisit and reflect on key moments in your life

Scheduled notifications help you keep a consistent journaling practice by reminding you to write on the days and time you choose

Option to lock your journal using Touch ID or Face ID

iCloud sync keeps your journal entries safe and encrypted on iCloud

Action Button

Translate option for the Action button on iPhone 15 Pro and iPhone 15 Pro Max to quickly translate phrases or have a conversation with someone in another language

Spatial video lets you capture video on iPhone 15 Pro and iPhone 15 Pro Max so you can relive your memories in three dimensions on Apple Vision Pro

Improved Telephoto camera focusing speed when capturing small faraway objects on iPhone 15 Pro and iPhone 15 Pro Max

Catch-up arrow lets you easily jump to your first unread message in a conversation by tapping the arrow visible in the top-right corner

Add sticker option in the context menu lets you add a sticker directly to a bubble

Memoji updates include the ability to adjust the body shape of any Memoji

Contact Key Verification provides automatic alerts and Contact Verification Codes to help verify people facing extraordinary digital threats are messaging only with the people they intend

Precipitation amounts help you stay on top of rain and snow conditions for a given day over the next 10 days

New widgets let you choose from next-hour precipitation, daily forecast, sunrise and sunset times, and current conditions such as Air Quality, Feels Like, and wind speed

Wind map snapshot helps you quickly assess wind patterns and access the animated wind map overlay to prepare for forecasted wind conditions for the next 24 hours

Interactive moon calendar lets you easily visualize the phase of the moon on any day for the next month

This update also includes the following improvements and bug fixes:

Siri support for privately accessing and logging Health app data using your voice

AirDrop improvements including expanded contact sharing options and the ability to share boarding passes, movie tickets, and other eligible passes by bringing two iPhones together

Favorite Songs Playlist in Apple Music lets you quickly get back to the songs you mark as favorites

Use Listening History in Apple Music can be disabled in a Focus so music you listen to does not appear in Recently Played or influence your recommendations

A new Digital Clock Widget lets you quickly catch a glimpse of the time on your Home Screen and while in StandBy

Enhanced AutoFill identifies fields in PDFs and other forms enabling you to populate them with information such as names and addresses from your contacts

New keyboard layouts provide support for 8 Sámi languages

Sensitive Content Warning for stickers in Messages prevents you from being unexpectedly shown a sticker containing nudity

Qi2 charger support for all iPhone 13 models and iPhone 14 models

Fixes an issue that may prevent wireless charging in certain vehicles

This update provides important security fixes and is recommended for all users.

In rare circumstances, Apple Pay and other NFC features may become unavailable on iPhone 15 models after wireless charging in certain cars

Weather Lock Screen widget may not correctly display snow

This update introduces the ability for AirDrop transfers to continue over the internet when you step out of AirDrop range. This release also includes enhancements to StandBy and Apple Music, as well as other features, bug fixes, and security updates for your iPhone.

Content continues to transfer over the internet when you step out of AirDrop range

New options to control when the display turns off (iPhone 14 Pro, iPhone 14 Pro Max, iPhone 15 Pro, and iPhone 15 Pro Max)

Favorites expanded to include songs, albums, and playlists, and you can filter to display your favorites in the library

New cover art collection offers designs that change colors to reflect the music in your playlist

Song suggestions appear at the bottom of every playlist, making it easy to add music that matches the vibe of your playlist

Option to choose a specific album to use with Photo Shuffle on the Lock Screen

Home key support for Matter locks

Improved reliability of Screen Time settings syncing across devices

Fixes an issue that may cause the Significant Location privacy setting to reset when transferring an Apple Watch or pairing it for the first time

Resolves an issue where the names of incoming callers may not appear when you are on another call

Addresses an issue where custom and purchased ringtones may not appear as options for your text tone

Fixes an issue that may cause the keyboard to be less responsive

Fixes an issue that may cause display image persistence

https://support.apple.com/HT201222

This update provides important bug fixes, security updates, and addresses an issue that may cause iPhone to run warmer than expected.

This update provides important bug fixes, security updates, and fixes an issue that may prevent transferring data directly from another iPhone during setup.

This update provides important bug fixes and security updates and is recommended for all users.

Contact Posters let you customize how you appear on other people’s devices when you call them with a customized poster

Live Voicemail displays a live transcription as someone leaves a message and allows you to pick up the call

Stickers iMessage app brings all your stickers into one place including Live Stickers, Memoji, Animoji, emoji stickers, and your third party sticker packs

Live Stickers can be created by lifting the subject from photos or videos and stylizing them with effects like Shiny, Puffy, Comic, and Outline

Check In automatically notifies a family member or friend when you arrive at a destination safely and can share helpful information with them in case of a delay

Audio message transcription is available for audio messages you receive so you can read them in the moment and listen later

Search improvements help you find messages faster by allowing you to combine search filters such as people, keywords, and content types like photos or links to find exactly what you are looking for

Swipe to reply to a message inline by swiping to the right on any bubble

One-time verification code cleanup automatically deletes verification codes from the Messages app after using them with AutoFill in other apps

Leave a video or audio message to capture exactly what you want to say when someone does not pick up your FaceTime call

Enjoy FaceTime calls on Apple TV by using your iPhone as a camera (Apple TV 4K 2nd generation and later)

Reactions layer 3D effects like hearts, balloons, confetti, and more around you in video calls and can be triggered with gestures

Video effects allow you to adjust the intensity of Studio Lighting and Portrait mode

Full-screen experience with glanceable information like clocks, photos, and widgets designed to view from a distance when iPhone is on its side and charging in places such as your nightstand, kitchen counter, or desk

Clocks are available in a variety of styles including Digital, Analog, Solar, Float, and World Clock, with elements you can personalize like the accent color

Photos automatically shuffle through your best shots or showcase a specific album you choose

Widgets give you access to information at a distance and appear in Smart Stacks that deliver the right information at the right time

Night Mode lets clocks, photos, and widgets take on a red tone in low light

Preferred view per MagSafe charger remembers your preference for each place you charge with MagSafe, whether that’s a clock, photos, or widgets

Interactive widgets let you take actions, like mark a reminder as complete, directly from the widget by tapping it on the Home Screen, Lock Screen, or in StandBy

iPhone widgets on Mac enable you to add widgets from your iPhone to your Mac desktop

NameDrop lets you exchange contact information with someone new by bringing your iPhones close together

New way to initiate AirDrop allows you to share content or start a SharePlay session over AirDrop by bringing your iPhones close together

Improved autocorrect accuracy makes typing even easier by leveraging a powerful transformer-based language model (iPhone 12 and later)

Easier autocorrect editing temporarily underlines corrected words and lets you revert back to what you originally typed with just a tap

Enhanced sentence corrections can correct more types of grammatical mistakes when you finish sentences (iPhone 12 and later)

Inline predictive text shows single and multi-word predictions as you type that can be added by tapping space bar (iPhone 12 and later)

Safari and Passwords

Profiles keep your browsing separate for topics like work and personal, separating your history, cookies, extensions, Tab Groups, and favorites

Private Browsing enhancements include locking your private browsing windows when you’re not using them, blocking known trackers from loading, and removing identifying tracking from URLs

Password and passkey sharing lets you create a group of passwords to share with trusted contacts that stays up to date as members of the group make changes

One-time verification code AutoFill from Mail autofill in Safari so you can log in without leaving the browser

SharePlay makes it easy for everyone to control and play Apple Music in the car

Crossfade smoothly transitions between songs by fading out the currently playing song while fading in the next so the music never stops

Intelligent AirPlay device list makes finding the right AirPlay-compatible TV or speaker even easier by showing your devices in order of relevance, based on your preferences

Suggested AirPlay device connections are proactively shown to you as a notification to make it even more seamless to connect to your preferred AirPlay devices

Automatic AirPlay device connections are made between your iPhone and the most relevant AirPlay-compatible device so all you have to do is tap “Play” to begin enjoying your content

Adaptive Audio delivers a new listening mode that dynamically blends Active Noise Cancellation and Transparency to tailor the noise control experience based on the conditions of your environment (AirPods Pro (2nd generation) with firmware version 6A300 or later)

Personalized Volume adjusts the volume of your media in response to your environment and listening preferences over time (AirPods Pro (2nd generation) with firmware version 6A300 or later)

Conversation Awareness lowers your media volume and enhances the voices of the people in front of the user, all while reducing background noise (AirPods Pro (2nd generation) with firmware version 6A300 or later)

Press to mute and unmute your microphone by pressing the AirPods stem or the Digital Crown on AirPods Max when on a call (AirPods (3rd generation), AirPods Pro (1st and 2nd generation), or AirPods Max with firmware version 6A300 or later)

Offline Maps allow you to select an area you want to access, search, and explore rich information for places to download for use when your iPhone doesn’t have a Wi-Fi or cellular signal

EV routing improvements give you routes based on real-time EV charger availability for supported chargers

Option to say “Siri” in addition to “Hey Siri” for an even more natural way to make requests

Back-to-back requests can be issued without needing to reactivate Siri in between commands (iPhone 11 and later)

Visual Look Up

Expanded domains in Visual Look Up help you discover similar recipes from photos of food, Maps information from photos of storefronts, and the meaning of signs and symbols on things like laundry tags

Multiple or single subjects can be lifted from the background of photos and videos and placed into apps like Messages

Visual Look Up in Video helps you learn about objects that appear in paused video frames

Visual Look Up for subjects in photos enables you to look up information about objects you lift from photos directly from the callout bar

State of Mind reflection allows you to log your momentary emotion and daily mood, choose what factors are having the biggest impact on you, and describe your feelings

Interactive charts give you insights into your state of mind, how it has changed over time, and what factors may have influence such as exercise, sleep, and mindful minutes

Mental health assessments help you understand your current risk for depression and anxiety and if you might benefit from getting support

Screen Distance leverages the TrueDepth camera that powers Face ID to encourage you to increase the distance you view your device to reduce digital eye strain and can help reduce the risk of myopia in children

Sensitive Content Warnings can be enabled to prevent users from unexpectedly being shown images containing nudity in Messages, AirDrop, Contact Posters in the Phone app, and FaceTime messages

Expanded Communication Safety protections for children now detect videos containing nudity in addition to photos that children may receive or attempt to send in Messages, AirDrop, Contact Posters in the Phone app, FaceTime messages, and the system Photo picker

Improved sharing permissions give you even more control over what you share with apps, with an embedded photo picker and an add-only Calendar permission

Link tracking protection removes extra information from links shared in Messages, Mail, and Safari Private Browsing that some websites use in their URLs to track you across other websites, and links still work as expected

Accessibility

Assistive Access distills apps and experiences to their essential features in Phone and FaceTime, Messages, Camera, Photos, and Music, including large text, visual alternatives, and focused choices to lighten cognitive load

Live Speech lets you type what you want to say and have it be spoken out loud in phone calls, FaceTime calls, and for in-person conversations

Personal Voice enables users who are at risk of losing their voice to privately and securely create a voice that sounds like them on iPhone, and use it with Live Speech in phone and FaceTime calls

Point and Speak in Magnifier Detection Mode uses iPhone to read text out loud on physical objects with small text labels, such as keypads on doors and buttons on appliances

This release also includes other features and improvements:

Roadside Assistance via satellite lets you contact AAA to help you with vehicle issues when out of Wi-Fi or cellular range (iPhone 14, iPhone 14 Plus, iPhone 14 Pro, iPhone 14 Pro Max)

Pets in the People album in Photos surfaces individual pets in the album just like friends or family members

Photos Album widget lets you select a specific album from the Photos app to appear in the widget

Item sharing in Find My allows you to share an AirTag or Find My network accessory with up to five other people

Activity History in Home displays a recent history of events for door locks, garage doors, security systems, and contact sensors

Grid Forecast in Home shows when your electrical grid has cleaner energy sources available (Contiguous US only)

Grocery Lists in Reminders automatically group related items into sections as you add them

Inline PDFs and document scans in Notes are presented full-width, making them easy to view and mark them up

New Memoji stickers in Keyboard include Halo, Smirk, and Peekaboo

App Shortcuts in Spotlight Top Hit offer you app shortcuts to your next action when you search for an app

Redesigned Sharing tab in Fitness provides highlights of your friends’ activity like workout streaks and awards

Email or phone number sign-in lets you sign into your iPhone with any email address or phone number listed in your Apple ID account

New drawing tools in Freeform include a fountain pen, watercolor brush, ruler and more to create expressive boards

Crash Detection optimizations (iPhone 14, iPhone 14 Plus, iPhone 14 Pro, iPhone 14 Pro Max)

Some features may not be available for all regions or on all Apple devices. For more information, please visit this website:

https://www.apple.com/ios/ios-17

Some features may not be available for all regions or on all iPhone models. For information on the security content of Apple software updates, please visit this website:

safari browser view page source

Explore Apple Support Community

Find what’s been asked and answered by Apple customers.

safari browser view page source

Contact Apple Support

Need more help? Save time by starting your support request online and we'll connect you to an expert.

IMAGES

  1. How to View Page Source in Safari on Mac

    safari browser view page source

  2. How To View Page Source In Safari Browser On Your Mac [Guide]

    safari browser view page source

  3. How To View Page Source In Safari Browser On Your Mac [Guide]

    safari browser view page source

  4. How To View Page Source In Safari Browser On Your Mac [Guide]

    safari browser view page source

  5. How To View Page Source In Safari Browser On Your Mac [Guide]

    safari browser view page source

  6. How to view the source code of a webpage in Safari

    safari browser view page source

COMMENTS

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

  2. 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).

  3. How to View Page Source in Safari on Mac

    First, enable the Safari Develop menu by going to the Safari menu, choosing "Preferences", going to "Advanced" and checking the box to enable the developer menu. Next, in any Safari window, navigate to the web page whose source you wish to view and inspect. Pull down the "Develop" menu at the top of the screen and select "Show ...

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

  5. How to Turn on the Develop Menu in Safari on Mac

    How to View Page Source in Safari on Mac . Once you've enabled the Develop menu, there are a couple of ways to view the page source in Safari. Open any website in Safari and right-click the blank space on the page. Now, select "Show Page Source." You can also get to this menu by using the keyboard shortcut Option+Command+u.

  6. How to View Web Page Source on iPhone/iPad: 7 Best Methods

    2. View Page Source Using a Bookmark Script. In this method, you'll create a bookmark and the URL will be a view source script. When you browse any web page and need to view the page source on Safari, simply tap the bookmark. You'll get an HTML source code for the page. Here's how it's done:

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

    View the Source Code of a Webpage in Safari on Mac. 1. Launch Safari on your Mac. 2. When Safari launches, click on the "Safari" menu on the top followed by "Preferences…". 3. When the Preferences panel opens, click on the tab that says "Advanced". It should be the last one in the menu on the top.

  8. How to "View Page Source" in Safari on Mac

    Find the step-by-step image guide below. Step 1) In Safari, select Preferences. Step 2) Select "Advanced" tab and check "Show Develop menu in menu bar". Step 3) Select "Show Page Source" or "Inspect Element". Next Up How To: Livestream Super Bowl LI on Almost Any Device. Topics how to Mac safari.

  9. How to View Webpage HTML Source in iPhone?

    Launch Safari browser on iPhone and open the website you want to view the source code and inspect elements. Go to your Mac and launch Safari browser. Navigate to "Develop > Your iPhone Name" to view the webpages that you have opened on your phone. Open iPhone Page in Mac Safari. Click on the website to open "Web Inspector" that will ...

  10. How to View Webpage Source CSS and HTML in Safari Mac?

    Similar to other browsers just right click and chose "Show Page Source" or " Inspect Element " option. This will open the Web Inspector console at the bottom of the page. Viewing Safari Web Inspector in Separate Window. Note: Web inspector can also opened using the shortcuts " Option + Command + I " when the " Develop " menu is ...

  11. 5 Ways to View Page Source on iPhone or iPad

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

  12. 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.".

  13. How To View Page Source On Safari

    Click on "Develop" to reveal a dropdown menu. Select "Show Page Source": In the Develop menu, hover your cursor over the "Show Page Source" option. This will display a list of web pages currently open in Safari. Click on the web page for which you want to view the page source. Alternatively, you can right-click on the web page and select "Show ...

  14. How to View Page Source on Safari

    Enabling the Develop Menu in Safari. Before we can view the page source in Safari, we must first activate the Develop menu. The Develop menu provides many features for web developers and allows us to view page source with ease. Accessing Safari Preferences. To activate the Develop menu, click on Safari in the menu bar and select Preferences.

  15. [MacOS] Enable The Safari Browser "View Page Source"

    Select Safari > Preferences in the upper left corner. Advanced > Check Show Develop menu in menu bar. Next, in the top menu, you will see the Develop option, and you can open the source code of the web page to view it. Or you can use the shortcut key option + command + u to view page source.

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

    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.

  17. How To View Page Source In Safari Browser On Your Mac [Guide]

    Safari browser is the default browser on Mac computers and is one of the fastest web browsers available. But to view page source in Safari, you can't do it right away.

  18. How to view source code in Safari?

    Following are steps to view source code in Safari browser. Open your Safari browser and navigate to the web page you wish to view. From the top menu bar, select Develop > Show Page Source. You can also press Option+Command+U on your keyboard. If the Develop menu is not visible, go to Preferences > Advanced, and choose the Show Develop menu in ...

  19. How to view the html page source of a website in Safari

    This is a bit of an advanced tip for web developers. Safari used to have a menu item called 'View Page Source'. If you selected this you could see the HTML code of the website you were viewing. This option has been removed from recent versions of Safari but you can re-enable it by turning on Safari's Develop menu.

  20. How to See the Source Code of a Website (Easy Methods)

    Safari. To view the source of a website on a Mac using Safari, navigate to the page you want and use the following keyboard shortcut: Option+Command+U. Alternatively, you can right-click anywhere on the page and select "Show Page Source" from the dropdown menu. ... Open the page in a new browser window and then highlight a section of the ...

  21. How to View Page Source: See Any Web Page's HTML Code (Plus: SEO Uses)

    Right-click anywhere on the page and select View Page Source. That will open the HTML code for the page in a new tab. (Remember to tick the "line wrap" box.) Now, you can search the page for "Ditto Transcripts.". This is what we see. The link is a "dofollow" link, which is optimal for SEO.

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

  23. How to View Page Source Code in Safari Browser On Mac

    How to View Page Source in safari* Launch Safari browser on your Mac* Click on safari preferences located at the menu bar on the top* Click on advance and c...

  24. How to access the hidden Safari browser on your Apple Watch

    Page views: Sometimes it'll load in a reader view to make it easier to see, but there's an option for web view for the full experience. Navigation : The URL bar that loads at the top can't ...

  25. 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 with those around you and adds NameDrop for contact sharing. Enhancements ...

  26. You Spend Hours a Day in Your Browser. Now Make It Better

    Team Chrome or Team Safari? Don't be afraid to rethink your browser of choice—plus add AI and other enhancements.

  27. The Fastest Ways to Save All Your Open Browser Tabs for Later

    Apple makes it really easy to save your Safari tabs on your iPhone and your Mac.. If you have an iPhone, you can open Safari and hit the tabs button in the bottom-right corner of the browser ...