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

最新推荐文章于 2024-04-11 15:52:05 发布

草巾冒小子

最新推荐文章于 2024-04-11 15:52:05 发布

阅读量1.4w

点赞数 7

分类专栏： JavaScript 文章标签： javascript firefox 前端

本文为CSDN博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！

本文链接：https://blog.csdn.net/qq_35393869/article/details/90765455

版权

JavaScript 专栏收录该内容

70 篇文章 2 订阅

订阅专栏

文章目录

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

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

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 chrome
                var 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>