美文网首页工作生活
将html页面保存为单页面工具推荐

将html页面保存为单页面工具推荐

作者: mocobk | 来源:发表于2019-06-29 15:02 被阅读0次

当我们浏览网页时可能需要把网页上的内容保存下来,这时候有几种方式可以做到:

  1. 把重要的内容复制出来;
  2. 对网页进行截图保存,我们推荐过的截图插件如印象笔记·剪藏、Full Page Screen Capture等;
  3. 把网页保存成PDF,如Adobe Acrobat。4、直接把网页保存成HTML。当然所有浏览器都有另存页面为HTML 文档的功能,不过可能会遇到一些问题,保存后不是各种资源如JS、CSS和图片的文件很多,就是打开后无法载入样式表,图片显示不出来,要把网页备份起来或传送给别人就很麻烦。

以下介绍两个保存为html插件

1. SingleFile

image
SingleFile是一款免费浏览器扩展,可以将完整的页面(包含CSS,图像等)保存到一个 HTML 文件中。除了单一页面外,SingleFile还支持保存保存选中的部分、非固定标签页或所有页面。单击功能按钮即可保存当前标签页,至于要下载选取的部分、非固定标签页或所有页面,只要在按钮上单击右键就能看到选单,或者在网页上单击右键在SingleFile按钮打开下拉菜单。
支持中文 自动保存

github: https://github.com/gildas-lormeau/SingleFile

SingleFile注意事项

  1. 所有浏览器出于安全原因,您无法保存https://chrome.google.comhttps://addons.mozilla.org上托管的网页。默认情况下,无法记住上次保存的路径。要绕过此限制,请禁用“在后台保存页面”选项。
  2. Chrome:您必须在扩展页面中启用“允许访问文件URL”选项,以在查看已保存页面时显示信息栏,或者保存存储在文件系统中的页面。
  3. 如果您发现未知问题,请重置SingleFile选项。 如果重置选项无法解决问题,请尝试禁用所有其他扩展以查看是否存在冲突。

2. Save Page WE

image

功能跟SingleFile差不多


image

相关文章

  • 将html页面保存为单页面工具推荐

    当我们浏览网页时可能需要把网页上的内容保存下来,这时候有几种方式可以做到: 把重要的内容复制出来; 对网页进行截图...

  • 单页面(SPA)和多页面(MPA)

    单页面(SPA) 单页面(SPA),一个项目中只有一个完整的html页面,其他的都是部分的html片段组成。页面跳...

  • (22)打鸡儿教你Vue.js

    vue.js 单页面,多页面 Vue cli工具复杂单页面应用Vue cli工具 交互设计,逻辑设计,接口设计 代...

  • webpack

    单页面下的基本配置webpack.config.js index.html 多页面,生成多个html plugin...

  • js实现选区截图

    工具:html2canvas、canvas2image、vue 思路:用html2canvas将整个页面的dom转...

  • 单页面与多页面间的区别及优缺点

    单页面应用 一个项目中只有一个完整的html页面,其他的都是部分的html片段组成。页面跳转只是局部刷新,不会重新...

  • 6_练习

    HTML5大纲算法 我们可以通过各种工具去查看当前页面,这里推荐使用一个测试工具:HTML5 Outliner,网...

  • 框架

    什么是单页面应用(SPA)? 单页面应用(SPA)是指用户在浏览器加载单一的HTML页面,后续请求都无需再离开此页...

  • vue面试题整理

    什么是SPA应用,SPA页面和传统页面有什么区别? 单页面应用,仅在该Web页面初始化时加载相应的HTML、Jav...

  • 单页面 VS 多页面

    单页面与多页面对比图 单页面应用缺点:1.首屏时间慢,SEO差:单页应用的首屏时间慢,首屏时需要请求一次html,...

网友评论

    本文标题:将html页面保存为单页面工具推荐

    本文链接:https://www.haomeiwen.com/subject/cfjpcctx.html