js (vue) 实现下载指定网页到桌面，点击可打开网页

一个需求，需要通过点击页面"放置桌面"按钮，将当前页面下载下来，并通过点击下载后的文件，可直接打开对应的网页

重点代码部分

1. 在项目根目录（！！！）新建文件download.webloc，内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict><key>URL</key><string>https://www.surely.cool/</string>  // 这里的网址自定义为自己需要保存的网址
</dict>
</plist>

2. 在涉及下载按钮的页面实现下载操作

html部分<div class="cursor-pointer" @click="onDownloadDesk"><DownloadOutlined />放置桌面</div>js部分
const onDownloadDesk = () => {let link = document.createElement('a')link.setAttribute('download', '放置桌面.webloc')link.href = './download.webloc'link.click()
}

3. 点击放置桌面，即可下载完成啦～

js (vue) 实现下载指定网页到桌面，点击可打开网页相关推荐

edge浏览器如何把网页放到桌面_edge浏览器怎么把网页放桌面 - 卡饭网
win10 Edge浏览器怎么收藏网页到收藏夹并显示出来 win10 Edge浏览器怎么收藏网页到收藏夹并显示出来 win10 Edge浏览器怎么收藏网页到收藏夹并显示出来?自从安装了Win10正式版 ...
win10浏览器加载很慢_win10系统打开网页慢怎么回事|win10系统打开网页速度慢的解决方法...
win10 64位系统安装上ie浏览器,经常碰到ie浏览器打开网页慢的问题,其他软件网速都很快,这是什么原因?检查网速也正常.其实这个问题是比较常见的,很多会使用电脑的人都可能遇到,造成打开网页慢速度 ...
win7php网页显示空白,win7系统ie11打开网页显示空白的解决方法
‍‍ 有很多使用ie11浏览器的win7 32位系统的用户最近遇到了网页打不开的问题,准确说是二级网页不开.比如在hao123主页中进入百度.腾讯等其他网站时打开的的网页显示空白,这究竟是怎么回事呢? ...
Revit初试水之点击按钮打开网页
最近被分配了一个任务开发一个小插件点击后要实现打开网页这个功能研究了很多很多其实一直没搞懂到底应该怎么去开发这个东西甚至去反编译了别人的代码去看看了半天发现看不懂hhhhh 最后终于整 ...
edge不能打开html网页,Win10系统edge浏览器无法打开网页的解决方法
Win10系统edge无法打开网页怎么办?Win10作为新系统,用户总是能碰到奇奇怪怪的问题.这不,有位用户反馈说:在连网状态下,IE浏览器.360浏览器等都可以正常打开网页,而edge浏览器却无法打 ...
iis服务器跳转网页怎么设置,设置iis服务器打开网页的方法
设置iis服务器打开网页的方法让自己电脑上的网页在局域网中可以访问到,就需要我们使用IIS服务器,将网页添加到服务器上的网站,那么设置好IIS服务器之后怎样在浏览器中进行访问呢?下面是小编整理的设置 ...
html5 网页桌面图标,打开控制面板是网页,而且桌面上很多图标变成网页
呵呵,被流氓恶意软件绑架了吧!估计还有病毒木马.普通的删除只是删除快捷方式,但恶意程序还在.看你像是新手,给你说点简单的处理办法: 1.先用杀毒软件,同时使用木马专杀软件查杀病毒木马.完毕后再用360 ...
python下载网页图片方法总结（含打开网页提示下载）
最近写爬虫,有需求把图片拿下来,现将所有尝试过的方法总结如下 1.使用urlopen方式 import urllib url = "http://difang.kaiwind.com/zhe ...
python解析网页所有可点击_Python 解析网页
最近想在一些网站获取汉字的一些,简单的使用python做了一个小解析工具. 工具使用 SGMLParser解析htm网页,获取里面指定的一些内容. 代码中获取的是http://www.chazidia ...

js (vue) 实现下载指定网页到桌面，点击可打开网页

一个需求，需要通过点击页面"放置桌面"按钮，将当前页面下载下来，并通过点击下载后的文件，可直接打开对应的网页

重点代码部分

1. 在项目根目录（！！！）新建文件download.webloc，内容如下：

2. 在涉及下载按钮的页面实现下载操作

3. 点击放置桌面，即可下载完成啦～

js (vue) 实现下载指定网页到桌面，点击可打开网页相关推荐

最新文章

热门文章