如何提供将页面下载为完整 HTML 文件的选项（使用 JS/CSS 重新格式化和设置样式后）

Posted 2023-05-07

【中文标题】如何提供将页面下载为完整 HTML 文件的选项（使用 JS/CSS 重新格式化和设置样式后）

【英文标题】：How to give the option to download page as a complete HTML file (AFTER being reformatted and styled using JS/CSS)

【发布时间】：2011-07-14 22:03:42

【问题描述】：

我有一个网页，它是通过使用 php 从数据库中提取字段并将它们设置为 html 生成的。

加载此页面后，我会结合使用 javascript (which I asked about before) 和 CSS 来重新设置页面的格式和样式，使其更清晰易读。

我现在需要的是为用户提供一种方法来下载呈现的页面（在 javascript/css 操作页面之后）作为整个 HTML 文件。

而且我做得不够。有人可以帮忙吗？

我遇到的问题包括：

在浏览器中使用“保存”或“另存为”对话框仅保存 PHP 提取的原始 HTML。我最终不得不“检查元素”并从开发人员视图中复制呈现的 HTML。 我添加的 CSS 和 JS 是在客户端完成的，而 PHP 需要一些时间来加载（不在我的手中）。这个问题的解决方案需要能够在客户端或单独的站点/服务器上完成。

帮助？

【参考方案1】：

您可以在您自己的服务器上使用服务器端代理（例如PHP Web Proxy），该代理从源服务器获取未格式化的 html 页面，在您的服务器上重新格式化，然后将其发送到该状态的浏览器你想保存。

【参考方案2】：

我从来不需要将它保存为文件，但是当您看不到完整呈现的页面时，尤其是使用 Jscripts 时，它会很麻烦。 “检查元素”是迄今为止我用来查看渲染页面的唯一解决方案。

还有一个名为 crowbar 的工具，我从未真正尝试过，因为出于故障排除目的，我只需要“检查元素”。

我不确定你想要什么 CSS。样式是无法真正保存的视觉元素。