Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 准备使用浏览器“将页面另存为…”本地保存打印机版本的页面(无服务器端脚本)_Javascript_Jquery_Css_Save - Fatal编程技术网

Javascript 准备使用浏览器“将页面另存为…”本地保存打印机版本的页面(无服务器端脚本)

Javascript 准备使用浏览器“将页面另存为…”本地保存打印机版本的页面(无服务器端脚本),javascript,jquery,css,save,Javascript,Jquery,Css,Save,我正在处理一个HTML页面,没有使用JavaScript编写服务器端脚本的网页。 必须由用户动态修改的。然后我想让用户在本地将此页面保存为.html文件 为了实现这一点,我建议用户使用浏览器功能Save 页面为 我这样做是因为我希望用户在脱机时能够完全本地访问此文件 问题是,我希望用户在我隐藏了所有他不需要的菜单、说明等内容后,将页面保存为打印机版本。。 我已经用media=print链接了用于打印的css样式表,我想在用户保存它之前使用它来更改页面的外观。 无法使用iFrame,因为浏览器功能

我正在处理一个HTML页面,没有使用JavaScript编写服务器端脚本的网页。 必须由用户动态修改的。然后我想让用户在本地将此页面保存为.html文件

为了实现这一点,我建议用户使用浏览器功能Save 页面为

我这样做是因为我希望用户在脱机时能够完全本地访问此文件

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

我问是否有人知道如何动态链接一个新的 css样式表到将替换css样式隐藏的页面 不需要的css类


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

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

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

$'head'。追加@是的,谢谢!它工作得很好!我附加了printer.css,就这样了。我认为这是一种非常简洁的打印预览方式。但是你为什么不把它当作一个答案呢?。如果有人想恢复页面,我只建议删除链接。如果在链接中的id前面加上:append和so:$'save\u preview'。remove;