-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpwa.html
More file actions
1 lines (1 loc) · 3.64 KB
/
Copy pathpwa.html
File metadata and controls
1 lines (1 loc) · 3.64 KB
1
<!doctype html><html lang=zh-CN><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name=robots content=noindex,nofollow,noarchive><meta name=theme-color content=#0f172a><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black-translucent><title>安装到桌面</title><link rel=manifest href=/manifest.json><link rel=apple-touch-icon href=/apple-touch-icon.png><style>*{box-sizing:border-box;margin:0;padding:0}body{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(160deg,#160824,#25104a,#0f172a);color:#fff;font:15px/1.7 system-ui,-apple-system,sans-serif}.w{width:min(430px,100%)}.c{background:rgba(255,255,255,.94);color:#111827;border-radius:24px;padding:18px;box-shadow:0 24px 55px #0006}h1{font-size:28px;margin-bottom:8px}.p{color:#64748b;font-size:13px;margin-bottom:14px}.b{width:100%;border:0;border-radius:16px;padding:13px 14px;background:#7c3aed;color:#fff;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:block;text-align:center}.a{display:block;text-align:center;color:#cbd5e1;text-decoration:none;font-size:13px;margin-top:14px}.s{display:grid;gap:8px;margin-top:14px}.s div{background:#f8fafc;border:1px solid #eef2ff;border-radius:14px;padding:10px;color:#64748b;font-size:13px}.apk-info{display:flex;align-items:center;gap:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:10px;margin-bottom:14px;color:#166534;font-size:13px}.apk-info .icon{font-size:24px;flex-shrink:0}.apk-info .size{color:#15803d;font-weight:700}.bd{background:#111827;border-color:#334155;color:#cbd5e1}@media(prefers-color-scheme:dark){.c{background:rgba(15,23,42,.9);color:#f8fafc}.s div{background:#111827;border-color:#334155;color:#cbd5e1}.apk-info{background:#052e16;border-color:#166534;color:#bbf7d0}.apk-info .size{color:#4ade80}}</style></head><body><main class=w><section class=c><h1>安装到桌面</h1><p class=p>安装后可像 App 一样从桌面打开，更快更方便。</p><div id=android-panel style=display:none><div class=apk-info><div class=icon>📱</div><div>安卓 App <span class=size>2.4 MB</span><br>下载安装到手机桌面，打开更快更方便</div></div><a class=b href=/app/lvideos.apk download>下载安卓 App</a><div class=s><div>下载后打开安装文件，如提示"未知来源"请在设置中允许安装。</div></div></div><div id=ios-panel style=display:none><div class=s><div>iPhone / iPad：使用 Safari 浏览器，点击底部分享按钮，选择"添加到主屏幕"。</div></div></div><div id=desktop-panel style=display:none><button class=b id=install-btn>准备安装</button><div class=s><div>Chrome / Edge：点击上方按钮或浏览器菜单里的"安装应用"。</div></div></div></section><a class=a href=/>返回首页</a></main><script>navigator.serviceWorker&&navigator.serviceWorker.register("/sw.js");var p,b=document.getElementById("install-btn");addEventListener("beforeinstallprompt",function(e){e.preventDefault(),p=e,b.textContent="\u7acb\u5373\u5b89\u88c5"});b.onclick=function(){p?p.prompt():alert('\u8bf7\u4f7f\u7528 Chrome / Edge \u7684\u201c\u5b89\u88c5\u5e94\u7528\u201d\u529f\u80fd\u5b89\u88c5')};!function(){var ua=navigator.userAgent,isIOS=/iPad|iPhone|iPod/.test(ua)||("MacIntel"===navigator.platform&&navigator.maxTouchPoints>1),isAndroid=/android/i.test(ua);if(isAndroid)document.getElementById("android-panel").style.display="block";else if(isIOS)document.getElementById("ios-panel").style.display="block";else document.getElementById("desktop-panel").style.display="block"}();</script></body></html>