Javascript - 以编程方式创建桌面链接

Question

有没有办法以编程方式为我的网页创建桌面链接？

Answer 1

不是来自 Javascript，但有一个技巧可以让用户这样做。它更像是一种交互设计技术，而不是编程技术，但我会写它，也许有人用谷歌搜索这个问题并发现它有用。

在您的页面上制作一个图标，图标下方有文字。然后要求用户将此图标拖到他们的桌面上。该图标应嵌入 anchor 标记中 <a>与 href属性指向您的网站。图标下的文字应与 <title> 相同您页面的标记。当用户将 anchor 链接从页面拖动到文件夹、桌面或书签栏时，浏览器会生成一个图标。浏览器分配此快捷方式或链接的文本通常是 <title>页面的。请记住，应将图标设置为元素的背景，这样浏览器就不会保存图像，而是创建一个新链接。如果此图标与您网站的 favicon 相同，那就更好了。

为了演示这种技术，这里有一些代码:

<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 中也可以做类似的事情。