html5怎样生成桌面图标

html-css015

html5怎样生成桌面图标,第1张

HTML5是没有这个功能的,可以使用浏览器的内置发送到桌面图标功能,以下以UC为例:

1、进入UC浏览器首页后,点击所示的图标

2、会看到【书签/历史】点击它

3、进入书签后,随后长按几秒你想发送到手机桌面的书签网址

4、接着会弹出后台打开、删除书签、编辑书签、加入导航、发送至桌面五个操作按钮,点击【发送至桌面】出现添加桌面书签,点击【确定】

5、发送桌面成功,退出后就可以看到书签在手机桌面上。随时想看就看,很方便的哦

尝试下面的代码:

<%@ page language="java" contentType="text/htmlcharset=utf-8"

pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

<title>放到桌面,发送快捷方式到桌面</title>

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/body.css">

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/mark.css">

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/console.css">

<script type="text/javascript" src="${pageContext.request.contextPath}/js/console.js"></script>

</head>

<body>

<center>

<h2>放到桌面,发送快捷方式到桌面(IE浏览器会显示放到桌面这个按钮,其他浏览器不会显示放到桌面这个按钮)</h2>

<input id="toDesktopButton" type="button" value="放到桌面" onclick="toDesktop(location.href, '软件名称')">

</center>

</body>

<script type="text/javascript">

//将快捷方式发送到桌面

function toDesktop(sUrl, sName) {

try {

var WshShell = new ActiveXObject("WScript.Shell")

var oUrlLink = WshShell.CreateShortcut(WshShell.SpecialFolders("Desktop")

+ "\\" + sName + ".url")

oUrlLink.TargetPath = sUrl

oUrlLink.Save()

alert("成功创建桌面快捷方式!")

} catch (e) {

alert("当前IE安全级别不允许操作或您的浏览器不支持此功能!")

}

}

//判断是否是IE浏览器

function isIE() {

if (!!window.ActiveXObject || "ActiveXObject" in window) {

// alert("是IE浏览器")

return true

} else {

// alert("不是IE浏览器")

return false

}

}

//整个页面加载完之后执行函数

window.onload = function() {

var result = isIE()

if (!result) {

//不是IE浏览器

//获得按钮元素

var toDesktopButtonNode = document.getElementById("toDesktopButton")

//隐藏按钮

toDesktopButtonNode.style.display = "none"

}

}

</script>

</html>

你好,在这个

html文件

上点鼠标右键--属性-打开方式-更改为

火狐

浏览器。

这样文件打开方式默认就是火狐,图标也会改变的。