CODEWITHSUNDEEP
htmlbrowser
Shai UI
Shai UI

Reputation: 51928

How do I get link to show HTML source?

I'd like my web page to have a "Show Source" link that will show the source of my HTML.

I'm also wondering if there's something I could append to the URL of my page that'll just show the source as opposed to rendering the page. Like this...

http://www.example.com/mypage.html#show_source

Upvotes: 3

Views: 791

Answers (2)

Giorgio Marziani de Paolis
Giorgio Marziani de Paolis

Reputation: 1561

"View Source Button" could be a solution, but if you need a direct link you need to change the Content-Type Header of your file to "plain/text".

If your page could be, for example, a PHP script, it would be:

<?php if($_GET["viewsource"]=="yes") header("Content-Type: plain/text"); ?>

and you can open link by appending ?viewsource=yes to your URL.

Remember, it works only "server side".

Upvotes: 0

AshBrad
AshBrad

Reputation: 492

If you are okay with a link that opens source, you could use the following javascript:

if you are using FF:

window.location = "view-source:" + window.location.href;

and with IE:

var popup=window.open();
popup.document.open('text/plain').write(document.documentElement.outerHTML)

If all you need is code between the body tags - then you could do the following: document.body.innerHTML

Can you provide a bit more information on the application?

Upvotes: 1

Related Questions