如何实现添加到桌面快捷方式?
js添加网页快捷方式到桌面(含案例、代码、截图)
方法(一):
如何添加一个网页的快捷方式到桌面?
只要浏览器支持js就能运行。
规避了IE限制,限制截图示下: JavaScript中的ActiveXObject对象
思路分析:
-
我们将步骤分解为如下几个细节点,帮助你用它写代码:
-
桌面快捷方式是什么格式的文件?它的内容有什么规律或编写规则?【研究:文件名称、文件内容】 详细参考:.url文件说明2 ;
-
如何定义指定网页的快捷方式代码?【定义.url快捷方式:名称、内容】
-
JS 如何编写文件生成的程序代码?【执行:程序编写】
-
JS 如何生成快捷方式文件?【执行:程序运行】
-
JS 如何生成到桌面?【执行:指定生成路径】
只以实现创建并生成快捷方式为例,具体不再赘述。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>创建快捷方式</title>
</head>
<body>
创建快捷方式:<a href="javascript:void(0);" onclick="shoucang('juejin','.url','https://juejin.cn/')">点击创建</a>
<script type="text/javascript">
//var shortcutname="juejin";
//var httpurl = 'https://juejin.cn/';
//var scriptstr = '[InternetShortcut]'+'\n'+'URL='+httpurl;
function shoucang(a,b,c){
const d = ''+a+b;
const 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) {
const explorer = navigator.userAgent.toLowerCase();
if (explorer.indexOf("trident") > 0) {
// IE 5+ 浏览器
const wss = new ActiveXObject("WScript.Shell");
const desktopUrl = wss.SpecialFolders("Desktop");
const fso = new ActiveXObject("Scripting.FileSystemObject");
const tf = fso.CreateTextFile(desktopUrl + "\\" + fileName, true);
tf.Write(data);
tf.Close();
} else {
// fireFox chrome 浏览器
const urlObj = window.URL || window.webkitURL || window;
const blob = new Blob([data]);
const link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
link.href = urlObj.createObjectURL(blob);
link.download = fileName;
saveClick(link);
}
function saveClick(obj) {
const 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>
点击a标签会出现 下载栏出现文件提示,保留文件复制到桌面即可
方法(二):
思路参考:就是后台写个方法实现文件生成:
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>
生成.url出现安全性提醒问题,如何解决?
可以先生成.txt文件,然后更名为.url文件,就可以回避该问题了