javascript - 准备打印机版本中的页面以使用浏览器 "save page as..."在本地保存(无服务器端脚本)

Question

我正在使用 JavaScript 处理 HTML 页面(无服务器端脚本)网页。这必须由用户动态修改。然后我想让用户在本地将这个页面保存为.html 文件。

To achieve this, I suggest the user to use the browser function "Save page as...".

我这样做是因为我希望用户在离线时拥有对该文件的完整本地访问权限。

问题是，我希望用户在隐藏所有他不需要的内容(菜单、说明等)后，将页面保存为打印机版本。我已经链接了用于打印的 css 样式表(使用“media=print”)，我想在用户保存之前使用它来更改页面的外观。(不可能使用 iFrame，因为浏览器功能“将页面另存为...”总是保存整个页面。)

I ask if anybody know a way to link dynamically a new css-stylesheet to the page that will replace the css style hiding the unwanted css classes.

该解决方案必须适用于最新版本的浏览器，而不是旧版本。

Answer 1

您可以在需要时将带有打印规则的新样式表添加到您的文档中；

$('head').append('<link rel="stylesheet" href="printerFriedly.css" type="text/css" />');