21xrx.com
2024-05-19 17:39:07 Sunday
登录
文章检索 我的文章 写文章
如何使用javascript:saveFrom()保存网页内容
2023-06-19 20:49:54 深夜i     --     --
javascript 代码 文件保存

最近我在学习javascript的过程中,发现了一个有意思的小功能——使用javascript:saveFrom()可以直接保存当前页面的内容。我觉得这个功能还是挺实用的,于是就自行尝试了一下,下面分享一下我的经验。

首先,为了让这个功能能够正常使用,我们需要在网页中添加一些代码。下面是一个简单的例子:


 

  

   Save Page

 

 

  

Save this page

  

   Click here to save this page

  

 

 

可以看到,我们在页面中添加了一个链接,链接的href属性为`javascript:saveFrom()`,点击该链接后将会调用名为saveFrom的Javascript函数。

这个函数的实现比较简单,我们通过document.documentElement.outerHTML获取当前页面的HTML内容,并将其保存到Blob对象中。最后调用saveAs函数将Blob对象保存为本地文件。

需要注意的地方有两点。第一,在使用上述代码之前,请导入FileSaver.js库,该库可以直接实现文件保存操作。第二,这个功能在某些浏览器上可能无法正常使用,例如Edge浏览器。

综上所述,通过javascript:saveFrom()函数我们可以轻松地保存任意页面的内容,是非常实用的一个小功能。希望大家也能够尝试一下! 

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复