views:

77

answers:

2

G'day everybody, As an avid firefox user, I use plugins like stylish and greasemonkey to modify default styles of pages. However the view->page source option of the browser shows only the page in its original form and not the current form after it is manipulated by a script or a style. Is there any way i can view the source of a page based on what is displayed on the browser and not the original page sent by the server?. Any suggestions would be much be appreciated. Thanks.

paul bullard

+6  A: 

Use Firebug...

Firebug allows you to inspect the current DOM, CSS and loaded JavaScripts on the fly.

You can also modify anything on the current document and see the results automatically.

CMS
It is indispensable (especially when modifying the Stack Overflow Layout with Greasemonkey).
Chacha102
Thanks. Nice Extension. It seems firebug doesn't have any quick way to save the current html page(had to do Edit->Ctrl+A Ctrl+C and then open an editor and Ctrl+V followed by Ctrl+S). Is there any way to quickly save the source of the displayed page. Thanks again for your suggestion. :)
paulbullard
Just right-click the `<html>` tag and select *Copy HTML*...
CMS
A: 

Firebug is option for the Mozilla FireFox. There is IE developer tool-bar for IE users.

Umesh Aawte