是否有任何 cross-browser 兼容的方法可以将 Web URL 保存到用户的桌面？

Question

我正在为希望用户能够将网页 URL 从网页拖动到他们的桌面并实质上为他们的网站创建书签的人开发一个项目。他们希望图标（站点的徽标）始终与网络一起保存 URL。

在 Chrome 中有什么方法可以做到这一点吗？有什么方法可以明确指定网站的桌面图标（而不仅仅是使用网站图标）？

出于隐私方面的考虑，我知道编写书签脚本和 file-saving 在 JS 中有些困难 cross-browser，但如果实际上有任何编程方式可以做到这一点，我也会感兴趣。

根据我目前的尝试，在网络中包含图标的唯一方法 URL 是在使用 Firefox 或 IE 时在地址栏中抓取站点信息并将其拖到您的桌面。然后它将网站的图标保存为图标。我还在网站的 header 中添加了额外的图标大小，以防它依赖于此。

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

理想情况下，我希望用户能够将锚点 link 从网站拖动到桌面，并尽可能将保存到桌面的图标作为明确定义的站点徽标。

Answer 1

出于安全考虑，浏览器与本机操作系统的交互非常有限。

很遗憾，您所问的是不可能的。 JavaScript 在沙盒环境中是运行并且不会在 OS 上执行，因此无法以这种方式在网站和本地计算机之间进行交互。

您最好拖放 Windows 支持的 hyperlink，但是您无法对 link 进行自定义一旦它出现在 end-user 的桌面上。 link 将使用锚标记中提供的文本创建，它将 link 到 href 中提供的 url。

从顶部的 URL 栏中抓取图标是浏览器应用程序与 Windows 之间受支持的交互，并且不会将逻辑扩展到网页以允许相同。

是否有任何 cross-browser 兼容的方法可以将 Web URL 保存到用户的桌面？

Is there any cross-browser compatible way to save a web URL to a user's desktop?

javascript

browser

url

desktop

google-chrome