iPhone苹果手机ios系统将网页添加到桌面代码

升平网络工作室 · 发表于 2020-8-11 08:58:56

data:text/html,%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3Cmeta%20charset%3D%22utf-8%22%3E%3Ctitle%3E芭芭农场%3C%2Ftitle%3E%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1%22%3E%3Cmeta%20name%3D%22apple-mobile-web-app-capable%22%20content%3D%22yes%22%3E%3Clink%20rel%3D%22apple-touch-icon%22%20href%3D%22https%3A%2F%2Fgw.alicdn.com%2Ftfs%2FTB1C_zgesVl614jSZKPXXaGjpXa-150-150.png%22%3E%3Cstyle%3Ehtml%2C%20body%20%7Bmargin%3A%200%3Bpadding%3A%200%3B%7Dhtml%20%7Bheight%3A%20-webkit-fill-available%3Bfont-family%3A%20sans-serif%3B%7Dbody%20%7Bmin-height%3A%20100vh%3Bmin-height%3A%20-webkit-fill-available%3Bdisplay%3A%20flex%3Balign-items%3A%20flex-end%3Bjustify-content%3A%20center%3B%7Da%2C%20img%20%7Bdisplay%3A%20block%3B%7Da%20%7Boverflow%3A%20hidden%3B%7Dimg%20%7Bwidth%3A%20100vw%3B%7D.info%20%7Bwidth%3A%20100vw%3Btop%3A%2020vw%3Bleft%3A%200vw%3Bposition%3A%20fixed%3Bdisplay%3A%20flex%3Bflex-direction%3A%20column%3Balign-items%3A%20center%3Bjustify-content%3A%20center%3B%7D%3C%2Fstyle%3E%3C%2Fhead%3E%3Cbody%3E%3Cdiv%20class%3D%22a2hs%22%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22open%22%3E%3Cdiv%20class%3D%22info%22%3E%3Cspan%20style%3D%22font-size%3A%2013px%3B%20color%3A%20%23aaa%3B%20margin-bottom%3A%2015px%3B%22%3E您即将进入%3C%2Fspan%3E%3Cimg%20style%3D%22width%3A%2075px%3B%22%20class%3D%22icon%22%20%2F%3E%3Cspan%20style%3D%22font-size%3A%2018px%3B%20margin-top%3A%206px%3B%22%20class%3D%22title%22%3E%3C%2Fspan%3E%3C%2Fdiv%3E%3Ca%20href%3D%22tbopen%3A%2F%2Fm.taobao.com%2Ftbopen%2Findex.html%3Faction%3Dali.open.nav%26module%3Dh5%26bootImage%3D0%26packageName%3Dcom.taobao.taobao%26h5Url%3Dhttps%253A%252F%252Fpages.tmall.com%252Fwow%252Fhdwk%252Fact%252F2020nhj-single%253Fwh_biz%253Dtm%2526disableNav%253DYES%2526disableProgress%253DYES%2526hd_from%253Dtmallfarm_shortcut_desktop%26bc_fl_src%3D%26isIOS%3Dfalse%22%20target%3D%22_blank%22%3E%3C%2Fa%3E%3C%2Fdiv%3E%3Cscript%3Evar%20installImgSrc%20%3D%20'https%3A%2F%2Fgw.alicdn.com%2Ftfs%2FTB1Dbj2OAT2gK0jSZFkXXcIQFXa-750-1426.png'%3Bvar%20title%20%3D%20'芭芭农场'%3Bvar%20icon%20%3D%20'https%3A%2F%2Fgw.alicdn.com%2Ftfs%2FTB1C_zgesVl614jSZKPXXaGjpXa-150-150.png'%3Bvar%20openBtnImg%20%3D%20'https%3A%2F%2Fgw.alicdn.com%2Ftfs%2FTB1grrDgaNj0u4jSZFyXXXgMVXa-750-206.png'%3Bfunction%20getColor(t)%7Breturn%20new%20Promise(function(n)%7Bvar%20e%3Dnew%20Image%3Be.crossOrigin%3D%22Anonymous%22%2Ce.src%3Dt%2Ce.onload%3Dfunction()%7Bvar%20t%3Ddocument.createElement(%22canvas%22)%2Co%3Dt.getContext(%222d%22)%3Bt.width%3De.width%2Ct.height%3De.height%2Co.drawImage(e%2C0%2C0%2Ce.width%2Ce.height)%3Bvar%20a%3Do.getImageData(0%2C0%2C1%2C1).data%3Bn(%5Ba%2Ce%2Ct%5D)%7D%7D)%7Dfunction%20isInStandaloneMode()%7Breturn%20%22standalone%22in%20window.navigator%26%26window.navigator.standalone%7Dvar%20isStandalone%3DisInStandaloneMode()%3Bvar%20loadSrc%3D%22%22%2Chide%3D%22%22%3BisStandalone%3F(loadSrc%3DopenBtnImg%2Chide%3D%22.a2hs%22%2Cdocument.querySelector(%22.icon%22).setAttribute(%22src%22%2Cicon)%2Cdocument.querySelector(%22.title%22).textContent%3Dtitle)%3A(loadSrc%3DinstallImgSrc%2Chide%3D%22.open%22)%2Cdocument.querySelector(hide).style.display%3D%22none%22%2CgetColor(loadSrc).then(function(%5Be%2Ct%5D)%7Bdocument.querySelector(%22body%22).style.background%3D%22rgba(%22%2Be.join(%22%2C%22)%2B%22)%22%2Ct.alt%3Dtitle%2Cdocument.querySelector(isStandalone%3F%22a%22%3A%22.a2hs%22).append(t)%7D)%2CisStandalone%26%26(window.location.href%3D%22tbopen%3A%2F%2Fm.taobao.com%2Ftbopen%2Findex.html%3Faction%3Dali.open.nav%26module%3Dh5%26bootImage%3D0%26packageName%3Dcom.taobao.taobao%26h5Url%3Dhttps%253A%252F%252Fpages.tmall.com%252Fwow%252Fhdwk%252Fact%252F2020nhj-single%253Fwh_biz%253Dtm%2526disableNav%253DYES%2526disableProgress%253DYES%2526hd_from%253Dtmallfarm_shortcut_desktop%26bc_fl_src%3D%26isIOS%3Dfalse%22)%3B%3C%2Fscript%3E%3Cbody%3E%3C%2Fhtml%3E

复制代码

data:text/html,<html>
<head></head>
<body>
data:text/html,
<meta charset="utf-8" />
<title>芭芭农场</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="https://gw.alicdn.com/tfs/TB1C_zgesVl614jSZKPXXaGjpXa-150-150.png" />
<style>html, body {
margin: 0;
padding: 0;
}
html {
height: -webkit-fill-available;
font-family: sans-serif;
}
body {
min-height: 100vh;
min-height: -webkit-fill-available;
display: flex;
align-items: flex-end;
justify-content: center;
}
a, img {
display: block;
}
a {
overflow: hidden;
}
img {
width: 100vw;
}
.info {
width: 100vw;
top: 20vw;
left: 0vw;
position: fixed;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}</style>
<div class="a2hs"></div>
<div class="open">
<div class="info">
<span style="font-size: 13px; color: #aaa; margin-bottom: 15px;">您即将进入</span>
<img style="width: 75px;" class="icon" />
<span style="font-size: 18px; margin-top: 6px;" class="title"></span>
</div>
<a href="tbopen://m.taobao.com/tbopen/index.html?action=ali.open.nav&module=h5&bootImage=0&packageName=com.taobao.taobao&h5Url=https%3A%2F%2Fpages.tmall.com%2Fwow%2Fhdwk%2Fact%2F2020nhj-single%3Fwh_biz%3Dtm%26disableNav%3DYES%26disableProgress%3DYES%26hd_from%3Dtmallfarm_shortcut_desktop&bc_fl_src=&isIOS=false" target="_blank"></a>
</div>
<script>
var installImgSrc = 'https://gw.alicdn.com/tfs/TB1Dbj2OAT2gK0jSZFkXXcIQFXa-750-1426.png';
var title = '芭芭农场';
var icon = 'https://gw.alicdn.com/tfs/TB1C_zgesVl614jSZKPXXaGjpXa-150-150.png';
var openBtnImg = 'https://gw.alicdn.com/tfs/TB1grrDgaNj0u4jSZFyXXXgMVXa-750-206.png';
function getColor(t) {
return new Promise(function(n) {
var e = new Image;
e.crossOrigin = "Anonymous",
e.src = t,
e.onload = function() {
var t = document.createElement("canvas"),
o = t.getContext("2d");
t.width = e.width,
t.height = e.height,
o.drawImage(e, 0, 0, e.width, e.height);
var a = o.getImageData(0, 0, 1, 1).data;
n([a, e, t])
}
})
}
function isInStandaloneMode() {
return "standalone" in window.navigator && window.navigator.standalone
}
var isStandalone = isInStandaloneMode();
var loadSrc = "",
hide = "";
isStandalone ? (loadSrc = openBtnImg, hide = ".a2hs", document.querySelector(".icon").setAttribute("src", icon), document.querySelector(".title").textContent = title) : (loadSrc = installImgSrc, hide = ".open"),
document.querySelector(hide).style.display = "none",
getColor(loadSrc).then(function([e, t]) {
document.querySelector("body").style.background = "rgba(" + e.join(",") + ")",
t.alt = title,
document.querySelector(isStandalone ? "a": ".a2hs").append(t)
}),
isStandalone && (window.location.href = "tbopen://m.taobao.com/tbopen/index.html?action=ali.open.nav&module=h5&bootImage=0&packageName=com.taobao.taobao&h5Url=https%3A%2F%2Fpages.tmall.com%2Fwow%2Fhdwk%2Fact%2F2020nhj-single%3Fwh_biz%3Dtm%26disableNav%3DYES%26disableProgress%3DYES%26hd_from%3Dtmallfarm_shortcut_desktop&bc_fl_src=&isIOS=false");</script>
</body>
</html>

复制代码

帐号		自动登录	找回密码
密码			加入论坛

iPhone苹果手机ios系统将网页添加到桌面代码

浏览过的版块

浏览排行

最新发表

-- 友情链接 --

iPhone苹果手机ios系统将网页添加到桌面代码

浏览过的版块

浏览排行

最新发表

-- 友 情 链 接 --

-- 友情链接 --