How to save the current webpage with casperjs/phantomjs?

Question

Is there a way to save the current webpage by using casperjs or phantomjs? I tried to get the html and save it into a file. But the resulting file was a lot different from t

Answer 1

No, I don't think there is an easy way to do this as phantomjs doesn't support rendering pages in mht format (Render as a .mht file #10117). I believe that's what you wanted. So, it needs some work to accomplish this. I did something similar, but i was doing it the other way around I had a rendered html code that I was rendering into image/pdf through phantomjs. I had to clean the file first and it worked fine for me.

So, what I think you need to do is:

• strip all js calls, like script tags or onload attributes, etc..

• if you have access from local to the resources like css, images and so on (and you don't need authentication to that domain where you grab the page) than you need to change relative paths of src attributes to absolute to load images/etc.

• if you don't have access to the resources when you open the page then I think you need to implement similar script to download those resources at the time phantomjs loads the page and then redirect src attributes to that folder or maybe use data uri. You might need to change links in css files as well.

This will bring up the images\fonts and styling you are missing currently.

I'm sure there are more points. I'll update the answer if you need more info, once I see my code.