如何从HTML页面上的按钮创建指向当前网站URL的桌面快捷方式?[副本]

不是来自Javascript,但是有一个技巧可以让用户这么做。它更像是一个 交互设计

在你的页面上做一个图标,下面有一个文本。然后要求用户将此图标拖到桌面上。图标应该嵌入到锚定标记中 <a> 与 href 指向网站的属性。图标下的文本应与 <title> 页面的标签。当用户将锚定链接从页面拖到文件夹、桌面或书签栏时,浏览器会生成一个图标。浏览器分配给这个快捷方式或链接的文本通常是 <标题> 页面的。请记住,应该将图标设置为元素的背景,这样浏览器就不会保存图像,而是创建新链接。如果这个图标和 蚕豆

下面是一些代码来演示此技术:

<p>You can make a shortcut to www.mysite.com by dragging this icon to your desktop or bookmark bar: </p>
<a href="https://www.example.com">
  <div id="icon" style="background-image:url('favicon.png');width:32px;height:32px;"></div>
  <div id="title">www.example.com</div>
</a>

就像本地应用程序:

在Chrome中,用户可以访问 菜单>更多工具>创建应用程序快捷方式。。。 创建一个看起来像应用程序的无边界快捷方式。Android、iOS和Android上的Firefox也可以做类似的事情。

这在JavaScript等浏览器脚本中是不可能的 . 这是一个安全功能。我相信你能理解为什么人们不希望网页能够访问你的本地文件系统。

想象一下,我们不是淹没在弹出窗口中,而是淹没在垃圾邮件/诈骗网页创建的文件中。我不是说你的网站是垃圾邮件或骗局,只是想把这个角度:)

考虑到用户可能使用不同的浏览器,您可以很容易地为用户创建一个关于如何创建快捷方式或将您的页面添加到书签的教程,但是如果您涵盖了主要的浏览器,Chrome、Firefox和IE,我相信您的用户在遵循您的说明时不会有问题。

从JavaScript,在网页上运行?