"Save as webpage, complete" problem?

Question

I have a problem when I am trying to save web page from browser using "Save as Webpage, complete" some of CSS/Javascript/Image are not saved, thus when I reopen saved page offline webpage can't display properly. How do I solve this?

How do I made webpage can be saved properly from browser ? I don't want to use MHT ext. Because what my situation here is I need to give URL for web designer to launch URL, saved webpage and modify CSS/HTML.

Solution 1

From your question i understand the ultimate goal is to send all of your assets for your web page to your designer so they can edit the css, graphics etc.

Could you not just zip up all the assets and email it across to the web designer? If this is your web page then you should already have the assets no?

If you try and use save web page complete, it normally messes with the html code anyway so this would not be useful for your designer.

Solution 2

I had the same issue; if ajax is used in the page, you can't see the saved page properly. (For example, at first div's are hidden (display:none;) after page is loaded all the hidden divs get revealed.)

We need Final HTML code (Javascript functions executed and all data appearing on screen loaded from server)

I used Firebug's HTML tab to grab that Final HTML Code.

Copy the entire "html" branch and doctype declaration paste into a file. Then copy styles and images folders to the same folder.

Comments

[Joshua Nurczyk]

Why do you need to do this? It seems to me that as long as you have the info, it doesn't matter what it looks like. You could always take a screen shot to preserve the layout.

[user56reinstatemonica8]

Nope, this is simply how the "Save page as > format" option is stored behind the scenes. 0 = web page only, 1 = web page complete, etc.

[user56reinstatemonica8]

Unfortunately Chrome and recent versions of Opera have the same problem. Apparently old versions of Opera (before version 9 I believe? Or 7?) could do this, but it seems to have been dropped.

[Randall Whitman]

In Firefox built-in Inspector nowadays, after right clicking an element, similar list of choices is a layer down, under Copy.