Ask Dave Taylor
  • Facebook
  • Instagram
  • Linkedin
  • Pinterest
  • Twitter
  • YouTube
  • Home
  • YouTube Videos
  • Top Categories
  • Subscribe via Email
  • Ask A Question
  • Meet Dave
  • Home
  • HTML & Web Page Design
  • How can I view HTML page source in Microsoft Edge?

How can I view HTML page source in Microsoft Edge?

June 20, 2019 / Dave Taylor / HTML & Web Page Design, Windows PC Help / 1 Comment

I’ve looked and I’ve looked, but I can’t find how to view the HTML page source within the new Microsoft Edge Web browser. I don’t want to switch to a different browser to see how a page is coded. HELP!

As Web page design and layout has gotten more sophisticated (really it’s mostly just more complicated) it seems like less people are taking the route of just viewing the HTML source of a Web page and instead moving into more sophisticated development and debugging environments. This means that what you’re really seeking is not a “pop open a new page with the HTML source” feature in the new Microsoft Edge web browser on your Windows computer, but a “open up this page in the debugger” feature. Which you probably didn’t realize. 🙂

Worse is that the debugger is pretty darn complicated and looks inspired by the great debugging environment included with Firefox, yet another Web browser. Sadly, while you might want that pop-up source window, that’s not what you’re going to get in Edge, at least by default.

Let’s have a look how to at least enable the option of viewing the source, whatever that looks like!

I’ll start on, well, this site’s home page:

ask dave taylor home page - in microsoft edge win10

This is just the top left of the page because I want to highlight the context menu that’s appeared because I right clicked on the background of the page. See it on the left? It has three options: “Select all”, “Print”, and “Read aloud”.

Once we enable it, View Source will appear on this menu too. To accomplish that, click on the “•••” on the top right to bring up the main menu, then look for “Developer Tools” on the “More tools” option, as shown:

win10 microsoft edge - main menu

This brings up the debugger, but even if you immediately close it, this tells Edge that you want to have access to Developer Tools in the future too. Which produces this on the very bottom of the window:

ms edge - inspect element & view source in context menu

Mission accomplished. That’s the trick and now when you right-click the context menu has the two new options:

win10 microsoft edge - context menu with view source

As I warned, however, when you choose “View source” you get it within the debugging environment, so it’s a bit more complicated than I imagine you’re expecting:

microsoft edge source page debugger view html source

The right pane here shows the HTML source, though at the top of the pages here on AskDaveTaylor they’re more about code to accomplish various tasks as you can see. Biggest thing to look for are the red “X” symbol on the “Console” tab (I have three errors) and the “X” all the way to the right of this new section which closes up all these windows and gets you back to a normal browsing experience.

That’s it. Hope it helps you with your HTML study and I encourage you to check out this basic tutorial on how to use the debugging environment in Microsoft Edge too.

Pro Tip: I’ve been writing about HTML for many years, including writing a few books on the subject! Please check out our HTML help pages here on the site, and don’t miss our extensive Windows help too.

Let’s Stay In Touch!

Never miss a single article, review or tutorial here on AskDaveTaylor, sign up for my fun weekly newsletter!
Name: 
Your email address:*
Please enter all required fields
Correct invalid entries
No spam, ever. Promise. Powered by FeedBlitz
Please choose a color:
Starbucks coffee cup I do have a lot to say, and questions of my own for that matter, but first I'd like to say thank you, Dave, for all your helpful information by buying you a cup of coffee!
edge view source, html source, html source edge, microsoft edge, microsoft edge debugger, view source, view source microsoft edge

One comment on “How can I view HTML page source in Microsoft Edge?”

  1. Nishant Trehan says:
    March 15, 2021 at 9:11 am

    Hey
    Why don’t you use short cut key – ctrl+U. This key will show you the source of that page.
    I hope this will help you :).

    Reply

Leave a Reply Cancel reply

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

Search

Recent Posts

  • Easy Way to Install Ubuntu Linux on an M1 Mac System?
  • How Can I Check for Firmware Updates on my Vizio TV?
  • How Can I Identify Where A Photo Was Taken on a Mac?
  • Easiest Way to Delete/Unpair My Phone in an INFINITI Vehicle?
  • How Can I Change Desktop Wallpaper on my PC Every Day?

On Our YouTube Channel

Andobil Windshield Sun Shade Umbrella -- DEMO & REVIEW

IFI Audio GO Bar USB-C Headphone Amp -- REVIEW

Categories

  • AdSense, AdWords, and PPC Help (106)
  • Amazon, eBay, and Online Shopping Help, (161)
  • Android Help (196)
  • Apple iPad Help (144)
  • Apple Watch Help (52)
  • Articles, Tutorials, and Reviews (344)
  • Auto Tech Help (11)
  • Business Advice (199)
  • Chrome OS Help (23)
  • Computer & Internet Basics (760)
  • d) None of the Above (165)
  • Facebook Help (383)
  • Google, Chrome & Gmail Help (177)
  • HTML & Web Page Design (245)
  • Instagram Help (47)
  • iPhone & iOS Help (604)
  • iPod & MP3 Player Help (173)
  • Kindle & Nook Help (92)
  • LinkedIn Help (85)
  • Linux Help (164)
  • Linux Shell Script Programming (86)
  • Mac & MacOS Help (890)
  • Most Popular (16)
  • Outlook & Office 365 Help (24)
  • PayPal Help (69)
  • Pinterest Help (53)
  • Reddit Help (17)
  • SEO & Marketing (81)
  • Spam, Scams & Security (92)
  • Trade Show News & Updates (23)
  • Twitter Help (217)
  • Video Game Tips (66)
  • Web Site Traffic Tips (62)
  • Windows PC Help (914)
  • Wordpress Help (204)
  • Writing and Publishing (72)
  • YouTube Help (46)
  • YouTube Video Reviews (159)
  • Zoom, Skype & Video Chat Help (56)

Archives

Social Connections:

Ask Dave Taylor


Follow Me on Pinterest
Follow me on Twitter
Follow me on LinkedIn
Follow me on Instagram


AskDaveTaylor on Facebook



microsoft insider mvp


This web site is for the purpose of disseminating information for educational purposes, free of charge, for the benefit of all visitors. We take great care to provide quality information. However, we do not guarantee, and accept no legal liability whatsoever arising from or connected to, the accuracy, reliability, currency or completeness of any material contained on this site or on any linked site. Further, please note that by submitting a question or comment you're agreeing to our terms of service, which are: you relinquish any subsequent rights of ownership to your material by submitting it on this site. Our lawyer says "Thanks for your cooperation."
© 2022 by Dave Taylor. "Ask Dave Taylor®" is a registered trademark of Intuitive Systems, LLC.
Privacy Policy - Terms and Conditions - Accessibility Policy