How do you save a wikipedia article with the styling intact?

Question

I'm using Cmd+S to save webpages in Chrome and for most pages it saves the assets to a folder as well. This usually includes the CSS and images. Thus when you open the local HTML file in Chrome, it'll appear very similar to the original page (tested with articles from The Atlantic, Washington Post, WSJ).

However, for Wikipedia, the CSS seems to be in PHP files and the resulting local HTML file won't render correctly out of the box (there seem to be multiple load.php files, which I suspect to be the problem). Is there a Wikipedia-provided solution? Or alternatively can I fix this CSS with some renaming/editing of the HTML?

Answer 1

The issue is that most CSS and Javascript is dynamically generated via PHP files, which get saved with a .php extension, and Chrome seems to be unwilling to load those files when you open the saved page (presumably because it guesses the content type based on extension). Maybe there's some configuration setting to override that, but the simpler solution is to use some extension that will inline the CSS, such as Save Page WE. (Alternatively, you could save as PDF, which does not require any extensions. Or use Firefox, which seems to get this right - when saving a full page, it renames PHP files to something matching their content type.)