extension ExtPose

View Rendered Source

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

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

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

Statistics

Installs
6,663
Category
Developer Tools
Rating
5.0 (8 votes)
Last update / version
2019-02-23 / 2.0
Listing languages
en

Links