如何实现添加到桌面快捷方式？（前端很容易实现了）

js添加网页快捷方式到桌面（含案例、代码、截图）

方法（一）：

如何添加一个网页的快捷方式到桌面？

只要浏览器支持js就能运行。

规避了IE限制，限制截图示下：
JavaScript中的ActiveXObject对象¹

思路分析:

我们将步骤分解为如下几个细节点，帮助你用它写代码：

桌面快捷方式是什么格式的文件？它的内容有什么规律或编写规则？【研究：文件名称、文件内容】
详细参考：.url文件说明² ；
如何定义指定网页的快捷方式代码？【定义.url快捷方式：名称、内容】
JS 如何编写文件生成的程序代码？【执行：程序编写】
JS 如何生成快捷方式文件？【执行：程序运行】
JS 如何生成到桌面？【执行：指定生成路径】

只以实现创建并生成快捷方式为例，具体不再赘述。

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>创建快捷方式</title>
</head>
<body>创建快捷方式：<a href="javascript:void(0);" onclick="shoucang('csdn','.url','http://www.csdn.net/')">点击创建</a>
<script type="text/javascript">//var shortcutname="csdn";//var httpurl = 'https://www.csdn.net/';//var scriptstr = '[InternetShortcut]'+'\n'+'URL='+httpurl;function shoucang(a,b,c){var d = ''+a+b;var e = '[InternetShortcut]'+'\n'+'URL='+c;saveToDesktop(d,e);}
</script><script type="text/javascript">/*** [*     saveToDesktop *     IE:可以将数据写进文件并保存到桌面；*     fireFox:可以选择路径将写进数据的文件保存；*     chrome:只能保存到浏览器指定的下载目录下；* ]* @param  {[string]} fileName [文件名 如："test.txt"]* @param  {[string]} data     [数据 如："username:key \r\n password:123456"]*/function saveToDesktop(fileName, data) {var explorer = navigator.userAgent.toLowerCase();if (explorer.indexOf("trident") > 0) {//IE 5+var wss = new ActiveXObject("WScript.Shell");var desktopUrl = wss.SpecialFolders("Desktop");var fso = new ActiveXObject("Scripting.FileSystemObject");var tf = fso.CreateTextFile(desktopUrl + "\\" + fileName, true);tf.Write(data);tf.Close();} else {//fireFox chromevar urlObj = window.URL || window.webkitURL || window;var blob = new Blob([data]);var link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")link.href = urlObj.createObjectURL(blob);link.download = fileName;saveClick(link);}function saveClick(obj) {var e = document.createEvent("MouseEvents");e.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);obj.dispatchEvent(e);}}
</script>
</body>
</html>

部分内容来源于网络整合，此处仅供学习参考，不做版权界定。如有版权疑问，请来信说明并证实，之后会根据结果及时处置。

疑问：

下面开启执行【双击快捷方式打开，期间有文件的安全性提醒问题，如何解决？】
详细参考：安全性提醒问题，如何解决³ ；
解决报错：ReferenceError: ActiveXObject is not defined的问题

案例 · 截图：

以上就是关于“方法（一） ”的全部内容。

方法（二）：

如下还有一种方法，具体不再赘述。
思路参考：就是后台写个方法实现文件生成：

html部分 + js 代码如下：（仅供参考）


<button onclick="CreateShortcut()">添加桌面快捷方式</button><script type="text/javascript">function CreateShortcut() {var shortcutUrl="http://localhost:8080/jd/";var url = "http://localhost:8080/jd/computer/CreateShortcut.do?shortcutUrl="+shortcutUrl;$.get(url,function(data){if(data!=null){alert("添加桌面快捷方式成功！");}else{alert("添加桌面快捷方式失败！"); }},"text");}
</script>

效果图：

点击按钮之后，在桌面会生成一个快捷link文件。（例如：下图所示）

以上就是关于“ 方法（二）” 的全部内容。

至此，本文结束。

JavaScript中的ActiveXObject对象 ↩︎
点击：.url文件说明 ↩︎
安全性提醒问题，如何解决？
可以先生成.txt文件，然后更名为.url文件，就可以回避该问题了。 ↩︎

js添加到桌面快捷方式（实现功能）相关推荐

JS 添加网页桌面快捷方式的代码
<script> function toDesktop(sUrl, sName) {try {var WshShell = new ActiveXObject("WScript. ...
如何保存php网页到桌面,php中网页添加到桌面快捷方式方法
摘要腾兴网为您分享:php中网页添加到桌面快捷方式方法,小度音响,先锋影音,趣分期,七猫小说等软件知识,以及魔兽争霸显血,illustrator,abc看图,速算练习,携程抢票软件,魔兽仙剑奇侠传, ...
Android 开机自动运行和添加删除桌面快捷方式
<一>开机自启动当Android启动时,会发出一个系统广播,内容为ACTION_BOOT_COMPLETED,它的字符串常量表示为android.intent.action.BOOT_C ...
windows便签快捷键_如何将Win7自带便签添加到桌面快捷方式？
在如今快节奏的工作生活里,人们的很多事情光靠脑袋记事是远远不够的.为了方便记录事情,不管是纸质便签还是电子便签都在生活里扮演着重要的角色.那我们Win7系统的便签在哪里呢?今天小编来教大家如何将Win ...
计算机发送到桌面快捷方式,windows7添加到桌面快捷方式无故消失！
您好, Windows 7设计者在Windows 7中所添加的设计.在默认情况下,只要System Maintenance troubleshooter(系统故障维护,以下简称SMT)检测到桌面的快捷 ...
如何将网站添加到桌面快捷方式
目录导航自定义桌面快捷方式 1.创建快捷方式 2.自定义图标补充:如何将图片转为透明背景的.ico文件自定义桌面快捷方式 1.创建快捷方式桌面右键--新建--快捷方式在快捷方式里输入想前往的 ...
将服务添加到桌面快捷方式
1.打开C:\Windows\System32文件夹,找到services.msc文件 2.右键发送到-->>桌面快捷方式即可
javascript - js 创建网页 url 桌面快捷方式(兼容chrome)-书签工具
网上搜索了一圈,都是用 ActiveXObject("WScript.Shell"); 只能是IE使用, 老款的IE本能就可以右键创建桌面快捷方式,我要的是可以Chrome和其他 ...
tasker运行java_Tasker 打开桌面快捷方式（以微信公众号为例）[No Root]
说明:本文章的方法对于新快捷方式(Android 7.1 以后的 App Shortcuts / Pinned Shortcuts,如下图)并不适用,这类快捷方式需用此方法打开. App Shortc ...

js添加到桌面快捷方式（实现功能）

文章目录

如何实现添加到桌面快捷方式？（前端很容易实现了）

方法（一）：

思路分析:

代码如下：

疑问：

案例 · 截图：

方法（二）：

html部分 + js 代码如下：（仅供参考）

效果图：

js添加到桌面快捷方式（实现功能）相关推荐

最新文章

热门文章