WebAppers

/ best free open source web resources /

Shopify

How to Make a View Source Button for Demo Pages

Posted · Category: Code

Would you like to Make a ‘View Source’ Button on your website? Click it, and you see the entire source code for the page you are looking at. It’s not a popup or a new tab, it just shows the source right there on the page. It works on pretty much all modern browsers, as long as it supports CSS3 :target. Breaks in IE 8 and down, but OK in IE 9.

view-source-button

Requirements: jQuery Framework
Demo: http://css-tricks.com/examples/ViewSourceButton/
License: Apache License

1 Comment
  • http://www.crearedesign.co.uk Will Creare

    Nice, i like the in-screen pop up, good for blogs, shame it only works in certain browsers. thanks.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons