extension ExtPose

View Rendered Source

CRX id


Description from extension meta

View source is dead. See how the browser renders a page, not just what the server sends.

Image from store View Rendered Source
Description from store A lightweight Chrome Extension that shows you how the browser has constructed (rendered) a page's original HTML into a functioning DOM, including modifications made by JavaScript. An essential tool for web developers using JavaScript frameworks like Angular, ReactJS and Vue.js, and for SEOs to understand how search engines see your pages, especially considering Google's dynamic serving workaround. Differences between raw and rendered versions are highlighted line-by-line showing how JavaScript has modified a page at render time. ---------------------------------------------------- There are 3 sections: * Raw: The source code sent from the server to the browser before the DOM is rendered. The same as you'll see with traditional 'View Source' in the browser (after minor formatting tweaks) * Rendered: The rendered page after the source has been interpreted into a DOM, including any modifications made by Javascript * Difference: The difference between the rendered source and the raw source. Differences occur when JavaScript has modified the DOM. ---------------------------------------------------- Adaptive website? If you serve different source code to mobile devices, emulate this easily with a mobile user-agent checkbox. Dynamic serving for Google? (More info: https://developers.google.com/search/docs/guides/dynamic-rendering) Using Google's dynamic rendering workaround designed for Javascript-heavy sites? Just request the raw source as Googlebot and ensure perfect technical SEO. Works with GatsbyJS and Prerender. ---------------------------------------------------- Problems? Questions? Suggestions? DM the developer: https://twitter.com/ItsHogg ----------------------------------------------------

Latest reviews

  • (2023-03-29) Shaishav Gandhi: Works like a charm. Flawless opertation. Keyboard shortcut comes in very handy.
  • (2022-07-19) Grumbly Curmudgeon Woodworks: Wow bro... you nailed it! I came on intending to WRITE this extension, found yours and all I can say is: this does all I planned and more. Mad props, yo.
  • (2022-04-05) Zachary Wiles: Thanks! Quickly showed me what was going on with my extension development issue. Works as advertised :D
  • (2022-03-23) M C: This has been a five star extension for years. However, it has recently stopped working on tons of sites. Clicking the toolbar button does nothing at all. On this webpage, for example.
  • (2021-11-24) Kai Shien Ooi: Nice extension! Love it when it shows 2 type of source. Will appreciate it if you can add a dark mode version for us to toggle? THanks!
  • (2021-10-26) Rob Woods: Not sure how I did SEO or QA without this. I literally use it almost every time I look at the source code of a page now.
  • (2021-10-03) Tonatiuh Moctezuma: NO sirve...
  • (2021-10-02) Gaurav Kumar Srivastava: just what SEO needed..! Thanks Team..! <3
  • (2021-07-17) Paddy Landau: Perfect! Works first time, and gives plenty of information.
  • (2021-01-27) Bert Saper: Seeing the rendered code, which could not be displayed in DevTools | Elements, solved a huge problem.
  • (2021-01-21) Justin Sinclair Thomson: A really useful extension, and the developer Jon even provides great support on Twitter - I strong recommend this extension.
  • (2021-01-13) Rafael Medici: Hey, great tool!! congrats. Is possible view rended code with API?
  • (2020-10-09) Stanton McCandlish: Update: The minor issues I mentioned below were either operator error in one case, or something I can't reproduce now in the other. So, I'm upgrading to 5 stars, since this just works. Original review: Generally good, and much faster than another utility of this sort that I tried (which didn't do diffs, even). However, I find that it fails (just does nothing at all) at various sites, including this one. I tried it on its own Chrome Store page, and nothing happened. Various "big company" sites should not be magically immune to source examination. What they're sending to my system actually being rendered on my system is a privilege I grant them, not a right they have. >;-) Sometimes it also partially fails: it will not work by clicking on its icon but will work if you use its contextual menu item instead. That just happened to me at support.microsoft.com, for example. And in some cases, that was the result at first, then the icon DID work, but only after the context menu had done the work once already (again at support.microsoft.com). So, definitely some kinks to work out. Just the fact that it works, and so well, so much of the time makes it very useful, though, even if I will keep another extension of this sort (the slow one) on hand just in case.
  • (2020-09-11) Noah Learner: Fantastic tool. I just shared it on twitter so other folks could learn about it.
  • (2020-08-18) 358 Ffdfbe: Awesome! It helps a lot when I develop web scratch. If it can highlight tags name in the HTML text, it would be perfect!
  • (2020-04-03) Michael Cottam: OK, this is pretty darn fabulous. Thanks Jon! Brilliant tool, I'll be using it every week, if not every day, for my SEO site audits. Cheers!
  • (2020-01-29) Saijo George: This extention is dope, thanks for making it Jon
  • (2020-01-18) Scot Ranney: Fantastic developer extension, thanks for your efforts!!
  • (2019-08-09) Kathy Alice Brown: So useful.
  • (2019-03-25) robert wakeford: Absolutely awesome. I had a need to style flat html views of various states of a legacy angular project - we are doing away with angular in favour of vue.js but needed to style the basic output in parallel with the JS Dev doing the conversion.
  • (2019-01-25) Dave Davies: This is one of the handiest extensions I have installed. Yes it only shows you what you could see with other means but it's far faster for troubleshooting issues and reviewing code than any of them and that third column, while I haven't needed it yet, I just know is going to be a lifesaver. Thanks so much to the developer !
  • (2018-11-13) Miquel Verhoeven: Perfect! really like the explanation as well...
  • (2018-11-12) So useful when doing SEO on js sites. Would have saved me so many headaches earlier in my career.
  • (2018-11-12) Linnea Bak: This is a fantastic tool for developers and SEOs alike. I have been literally waiting for a tool like this. Where's the donate button?

Latest issues

  • (2023-03-08, v:3.0) Javier Eduardo: Syntax Highlight
    Hi, very useful extensión , thank you. Could you provide Syntax Highlight for the code? It should do the code more readable.
  • (2023-01-04, v:3.0) Johanna Maier: Serverside vs. Clientside Rendering
    Hi Jon, first of all thanks for providing this awesome tool! One question: Does the original source code already reflect changes made by JavaScript that was rendered on the server? Or does the before/after view include all the changes made by JavaScript? Many thanks already
  • (2022-09-04, v:3.0) Ian Hill: Increase fetch time to render page
    Hi Jon, Is there any chance of adding a setting to manually increase the timeout of the render time for a page? Currently it timesout at 10 seconds. I'm working with several bad sits, I need to be able to adjust this, needs to go up to a max of say 35-40 seconds. Could this feature be added in an update? Hope you might be able to help here. great plugin Best regards Ian H
  • (2022-03-23, v:3.0) Zain Ul Abaidin: Difference between Red and Green Color lines in extension
    First of all thank you creating this tool as its very helpful. I want to ask when I see red lines of code in this extension in "Difference" section which I believe that code is not read by Google but I also see that same code in green lines under red lines. Why green color lines are having same red lines code? I am little confused what is purpose of green lines?
  • (2021-12-09, v:3.0) Kaixi Luo: Important privacy improvement
    Use the "activeTab" permission instead of requesting the permission to "Access your data on all websites": https://developer.chrome.com/docs/extensions/mv3/manifest/activeTab/
  • (2021-11-08, v:3.0) Sascha Krenner: Privacy practices
    Hi, I really like to use your Plugin. Our company need infos for „Privacy practices“ to approve the Plugin internally. Could you please fill the tab with information? That would be great. greetings Sascha
  • (2021-10-18, v:3.0) James Pearce: Not working for me
    Hey, seems several people struggling, tried both right clicking and clicking the View Rendered Source and also clicking the V icon in Chrome extensions solutions welcome!
  • (2021-10-13, v:3.0) Helen Yapp: Nothing happens when I click on the blue V to use the extension
    Hi there - I'm having trouble with using this extension as it does not seem to be doing anything when I click on the blue V - is there something obvious I missed when installing it do you think?
  • (2021-03-23, v:3.0) Sun Communities: Using view rendering source
    How do you use this tool? I don't see where I can enter a URL?
  • (2021-01-28, v:3.0) Gerald Jarvis: Not working properly
    The extension seems to work when I'm on your test page but it does not appear at all on any other web page when I try to use it by either clicking on the extension, or through the right-click contextual menu.
  • (2020-11-27, v:3.0) Steve Brunsdon: Add line numbers, maybe as a toggle.
    Love the tool, really miss viewing what the server generates. However it would help if the lines were numbered, Console shows an error with line 352, I know that's raw line 352, but while I can view the raw source using your tool, I still cant ID line 353.
  • (2020-08-28, v:3.0) Edward Stauff: doesn't copy everything in frames
    This is a wonderful tool, but for some of the pages I tested it on, it didn't capture everything. The pages used frames; I wonder if that was the problem?
  • (2019-11-05, v:2.0) Mykola Uspalenko: Hello.
    Thanks for the nice tool! Can you please add a way to review HTML inside iframe/frame ?
  • (2019-09-17, v:2.0) Jason Rogers: I know *why* I need this, but *what* can I do with this?
    I'm not a developer, but fairly technical SEO. I know there are pitfalls to watch out for with Angular and other js based sites. A basic "how to" would be helpful, or links to resources that might help better understand. Thanks!
  • (2019-08-09, v:2.0) Stanton McCandlish: Not working
    Nice in theory, and it worked on the test page that the extension pulls up at install time, but it has not worked on any other page so far. Just nothing happens (not via clicking the icon, not by using the contextal menu item, and not with the keyboard shortcut). If this operates only via a pop-up window, then it could be that a pop-up blocker is preventing it from working. I have various anti-ad extensions, so that might be the issue. I'm not willing to run without them, so if that's the case, then your extension won't work for me anyway.


25,111 history
4.8 (26 votes)
Last update / version
2021-11-10 / 3.0
Listing languages