View current page sources: HTML + Javascript + CSS

Latest Version

Version

1.4.0

Update

June 5, 2021

Size

74.21KiB

Developer

Quick source viewer Extension

Displays HTML, Javascript and CSS sources of a page in a fast and compact way.

Source code is syntax colorized and beautified for easy reading.

Badge in the toolbar shows Javascript node counts.

File size and cache header is displayed.

Display onclick handlers with inline javascript.

Look and feel can be modified with custom CSS.

Copy to clipboard. Line numbers.

Selected urls can be hilighted in the list of source files.

Open source - https://github.com/tomimick/chrome-ext-view-src

Blog - http://tomicloud.com/2012/07/viewsrc-chrome-ext

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Quick source viewer", "short_name": "source view", "version": "1.4.0", "description": "View current page sources: HTML + Javascript + CSS", "permissions": [ "" ], "manifest_version": 2, "browser_action": { "default_icon": "gear19.png" }, "icons": { "16": "gear19.png", "128": "gear128.png" }, "content_scripts": [ { "matches": [""], "js": ["load.js"], "run_at": "document_end" } ], "options_page": "options.html", "background": { "scripts" : ["config.js", "bg.js"]}, "minimum_chrome_version": "26"}

Download CRX(74.21KiB)

Similar Extensions

CSSViewer Extension · Developer Tools 30,000+ 371 ★ 301KiB

JS Runtime Inspector Extension · Developer Tools 30,000+ 11 ★ 19.35KiB

LT Debug Extension · Developer Tools 30,000+ 5 ★ 1.91MiB

view-current-source Extension · Developer Tools 30,000+ 25 ★ 340KiB

Code Formatter Extension · Developer Tools 30,000+ 35 ★ 5.9MiB

Awesome View Source Button Extension · Productivity 30,000+ 13 ★ 34.1KiB

Chrome extension source viewer Extension · Developer Tools 30,000+ 422 ★ 227KiB

Code Cola Extension · Developer Tools 30,000+ 188 ★ 189KiB

Web Developer Checklist Extension · Developer Tools 30,000+ 54 ★ 32.65KiB

CSS Used Extension · Developer Tools 30,000+ 184 ★ 164KiB

Pretty HTML | CSS | XML Extension · Productivity 30,000+ 12 ★ 1.55MiB

Save CSS Extension · Developer Tools 30,000+ 29 ★ 23.44KiB

View Rendered Source Extension · Developer Tools 30,000+ 37 ★ 73.68KiB

JScript tricks Extension · Developer Tools 30,000+ 50 ★ 340KiB

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 30,000+ 266 ★ 2.15MiB

JSBeautify for Google Chrome™ Extension · Developer Tools 30,000+ 52 ★ 37.22KiB

Sight Extension · Developer Tools 30,000+ 248 ★ 871KiB

Live CSS Editor Extension · Developer Tools 30,000+ 182 ★ 24.38KiB

CSS Scan Extension · Developer Tools 30,000+ 84 ★ 1.41MiB

VisBug Extension · Developer Tools 30,000+ 252 ★ 5.38MiB

eXtract Snippet Extension · Developer Tools 30,000+ 38 ★ 297KiB

CSSSteal Extension · Developer Tools 30,000+ 46 ★ 557KiB

CDN Headers & Cookies Extension · Developer Tools 30,000+ 63 ★ 284KiB

Web Maker Extension · Developer Tools 30,000+ 1002 ★ 5.76MiB

User reviews

Clinton Onuigbo (ID: 000000223a1eb24d) Voted 1 ★ - Updated 03/12/2024 Error: Access is denied to chrome:// and Chrome Store pages

PeaceBy Jesus (ID: 000000cc387ff3e1) Voted 4 ★ - Updated 10/25/2023 Not what I was looking but once you reload an existing tab and hit the icon on the toolbar then it shows the source code. However, what I was looking for was the ability to select/highlight an image and or text, right click, and choose View selection source, , then copy and past what it highlights. Which is easy to do in Firefox and derivative based browsers, while Developer tools > View page source in Chromium based browsers (or at least Vivaldi) does not make this easy.

osirisgothra (osirisgothra) (ID: 000000440362cd95) Voted 5 ★ - Updated 05/14/2023 5 stars. There is one thing though, you have to make sure you reload any pages after installing it or it wont work. I think a few people in here were not smart enough to figure that out and thought it was bad for that reason. You might want to grey the button out or show a tooltip saying you have to reload the page, so those people don't bang their heads on the keyboard. Nice that it pretty-prints, F12 inspector doesn't do that. I installed this because inspector was ticking me off so bad with its unreadable code and it was getting really old. Thank you for writing this extension :)

Daniel Kian Mc Kiernan (ID: 000000ae62ceb899) Voted 1 ★ - Updated 03/07/2023 Stays in a useless state, reporting “Page loading...” without change.

Kanalai (ID: 0000001f10a13097) Voted 1 ★ - Updated 11/23/2021 not working: "Error: Access is denied to chrome:// and Chrome Store pages"

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Quick source viewer