Ask Dave Taylor
  • Facebook
  • Instagram
  • Linkedin
  • Pinterest
  • Twitter
  • YouTube
  • Home
  • Videos
  • Most Popular
  • Top Categories
  • Books
  • About Dave
  • Ask Me
  • > Donate <
  • Home
  • HTML and Web 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 and Web Design, Windows 10 Help / No Comments

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

Leave a Reply Cancel reply

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

Search

Recent Posts

  • Can I Have Microsoft Edge Suggest Strong Passwords?
  • How Can I Password Protect Tax Forms Sent Via Email?
  • Easy Way to Add Emoji to Tweets from a Web Browser?
  • How Do You Post Multiple Photos in Instagram?
  • How Can I Change the Default Search Engine in Google Chrome to Microsoft Bing?

On Our YouTube Channel

DIGDIY BUDGET ANC TWS Earbuds [D10WH] -- REVIEW

Rush Charge Hinged Smartphone Battery Stand -- UNBOXING & REVIEW

Categories

  • AdSense, AdWords and PPC Help (106)
  • Amazon Echo & Kindle Help (79)
  • Amazon, eBay and Online Shopping Help (157)
  • Android Help (158)
  • Apple Watch Help (49)
  • Articles, Tutorials and Reviews (326)
  • Business Advice (191)
  • Computer and Internet Basics (714)
  • d) None of the Above (160)
  • Facebook Help (364)
  • Google & Gmail Help (154)
  • HTML and Web Design (243)
  • Instagram Help (43)
  • iPad Help (136)
  • iPhone Help (570)
  • LinkedIn Help (79)
  • Linux Help (147)
  • Linux Shell Script Programming (86)
  • Mac & MacOS Help (830)
  • Most Popular (10)
  • MP3 Player Help (181)
  • Outlook & Office 365 Help (9)
  • PayPal Help (68)
  • Pinterest Help (53)
  • Reddit Help (11)
  • SEO & Marketing (80)
  • Spam, Scams & Security (82)
  • Trade Show Updates (23)
  • Twitter Help (212)
  • Video Game Tips (66)
  • Web Site Traffic Tips (62)
  • Windows 10 Help (825)
  • Wordpress Help (201)
  • Writing and Publishing (72)
  • YouTube Help (43)
  • YouTube Video Reviews (159)
  • Zoom, Skype & Video Chat Help (40)

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."
© 2020 by Dave Taylor. "Ask Dave Taylor®" is a registered trademark of Intuitive Systems, LLC.
Privacy Policy - Terms and Conditions - Accessibility Policy