12

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

4

3 回答 3

27

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

在您的页面上制作一个图标,并在其下方添加文字。然后要求用户将此图标拖到他们的桌面上。该图标应嵌入到具有指向您网站<a>的属性的锚标记中。href图标下的文字应与<title>您页面的标签相同。当用户将锚链接从页面拖到文件夹、桌面或书签栏时,浏览器会制作一个图标。浏览器分配此快捷方式或链接的文本通常是<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 中完成。

于 2012-11-22T10:10:11.960 回答
3

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

想象一下,我们不会淹没在弹出窗口中,而是淹没在由垃圾邮件/诈骗网页创建的文件中。我并不是说您的网站是垃圾邮件或诈骗网站,只是想把它放在眼里:)

考虑到用户可能使用不同的浏览器,您可以很容易地为您的用户创建一种关于如何创建快捷方式或将您的页面添加到他们的书签的教程,但是如果您涵盖主要浏览器,Chrome、Firefox 和 IE,我相信您的用户按照您的指示不会有任何问题。

于 2012-11-22T09:44:57.617 回答
1

来自 JavaScript,在网页上运行?

不。

于 2012-11-22T09:44:11.700 回答