Javascript 为什么有些html页面在脱机保存和打开时会失真？

我正试图保存一个网站的页面。我在指定的页面上按Ctrl+S键。 但当我试图在浏览器中打开保存的页面时，对齐方式发生了变化，段落和标题之间的间距不再合适。为什么会发生这种情况？

---

我试着从其他网站上保存了很多页面，但根本没有遇到任何问题。是什么东西让这个网站如此

这是因为您没有下载网站的所有资源。您需要下载网站的所有CSS和Javascript文件。此外，如果站点使用任何服务器端脚本，您将无法下载该脚本，这也将导致问题

当我保存您提到的网站并查看控制台时，它会告诉我：

Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss/_inc/css/default.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss/_inc/css/buddybar.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss/_inc/css/auto.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss/_inc/css/custom.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss-child/_inc/css/custom.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/plugins/collapsing-archives/img/list-expand.gif
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/plugins/crayon-syntax-highlighter/js/fancybox/fancybox_sprite.png
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/plugins/crayon-syntax-highlighter/js/fancybox/fancybox_loading.gif

感谢Zuzlx（阅读对问题的评论）。 我们可以用.mht格式保存页面。执行另存为并选择.mht而不是.htm

---

在.html文件中显示不正确的原因可能是我们无法下载所有文件。（有关这些文件，请参见德莱顿·朗的答案）。

尝试将其保存为.mht文件（即，以及其他支持该文件的文件）。它将所有资源放在一个文件中

尝试将其另存为.mht文件（即支持它的其他文件）。它将所有资源放在一个文件中。你刚才试过了吗？我打开了，但IE将其作为文本文件打开，其中包含窗口中的所有html代码。还是我遗漏了什么？你把它保存为.htm。错…你想要的是.mht格式。执行另存为并选择.mht而不是.htm。这里有一个关于它的链接@Zuzlx:非常感谢！它起到了很好的作用很高兴它起作用了。我将把评论粘贴到一个答案中，这样你就可以把它标记为“答案”。这样，这篇文章就有了某种分辨率。有没有一种方法可以保存该页面，并以与在线页面相同的方式查看它？（您可以看到我刚才添加的图像（上图））查看页面源代码并下载所有可用资源。您可能需要编辑源代码以符合文档结构。此外，任何服务器端文件对您都不可用，因此如果网站使用这些文件，您就倒霉了。如果您只是想让它看起来一样，请右键单击页面背景，按[CRTL]+[A]，[COPY]，然后粘贴到contentEditable div中，并保存div.innerHTML。@dandavis：您可能是对的。但我认为将其保存为.mht格式会使其在脱机打开时看起来相同。尤其是Firefox，在Chrome中保存与文件.Flag相关的所有资源时会遇到问题？请再亮一点。我试着搜索它，但能得到很多帮助。