javascript:微信扫一扫下载android应用的引导页
2023-09-14 08:59:32 时间
一,js代码:
<html> <head> <meta charset="utf-8"/> <title>测试</title> </head> <body style="padding:0px;margin: 0px;"> <!--background--> <div style="width:100%;height: 100vh;background: #000000;opacity: 0.5;position: fixed;"></div> <div style="width:100%;height: 100vh;position: relative;"> <img id="arrow" src="wx_arrow.png" style="position: absolute;right:40px;top:20px;" /> <div id="msg" style="left:10%;color:#ffffff;width:80%;position: absolute;top:36%;font-size: 3rem;"> 点击右上角按钮,选择「在浏览器打开」,会自动开启app下载 </div> </div> <script> //全局变量 let globalApk = 'http://static.lhdtest.com/apk/lhdtest_v1.2.3_2022121211_general_release.apk'; //页面加载完成,如果是微信浏览器,提示跳转到手机浏览器 //如果不是微信浏览器,则开始下载 window.onload=function () { let isWx = isWeixin(); if (isWx == true) { console.log('当前是微信浏览器'); document.getElementById('arrow').style.display = ""; document.getElementById('msg').innerHTML = "点击右上角按钮,选择「在浏览器打开」,会自动开启app下载"; } else { console.log('当前非微信浏览器,跳转到apk'); document.getElementById('arrow').style.display = "none"; document.getElementById('msg').innerHTML = "如下载未自动启动,请点击<a style='text-decoration:none;' href='"+globalApk+"'>这里</a>"; window.location.href = globalApk; } } //判断是否微信浏览器 function isWeixin() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } else { return false; } } </script> </body> </html>
说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest
对应的源码可以访问这里获取: https://github.com/liuhongdi/
或: https://gitee.com/liuhongdi
说明:作者:刘宏缔 邮箱: 371125307@qq.com
二,测试效果
非微信浏览器:
微信浏览器:
相关文章
- 代码加密 android,Android 开发怎样做代码加密或混淆「建议收藏」
- android将字符串转化为json,将string转换为JsonArray「建议收藏」
- android签名命令行,Android系统签名位置及命令
- android 读取本地数据库db文件(Android sqlite)
- Android中定时器的使用
- Android启动模式之singleTask解析「建议收藏」
- android短信验证码方案,Android开发之属于你的短信验证码(一)
- 【Android布局】在程序中设置android gravity 和 android layout Gravity属性
- android toast显示时间,Android Toast自定义显示时间「建议收藏」
- android系统中toast是什么_android studio toast不显示
- MediaCodec 在 Android 硬解码的路线
- java.lang.NullPointerException Attempt to invoke virtual method 'int android.widget.Editor
- android 系统浏览器 源码-Android 最最最简单的浏览器代码
- 【Android 热修复】Tinker 简介
- 【Android 高性能音频】Oboe 音频流打开后 耳机 / 音箱 插拔事件处理 ( 动态注册广播接收者监听耳机插拔事件 | 重新打开 Oboe 音频流 )
- 【ijkplayer】编译 Android 版本的 ijkplayer ⑥ ( 进入 ijkplayer-android/android 目录 | 执行 compile-ijk.sh 脚本完成编译 )
- 【错误记录】Android 应用安全检测漏洞修复 ( StrandHogg 漏洞 | 设置 Activity 组件 android:taskAffinity=““ )
- 【Android Gradle 插件】将自定义 Gradle 插件上传到自建 Maven 仓库 ⑦ ( 登录 Maven 私服 | Maven 私服初始化设置 | 创建 Maven 仓库 )
- Android UI设计原则详解手机开发
- Android Studio 导入项目 出现安装Error:Cause: failed to find target with hash string ‘android-23’ 等错误详解手机开发
- Android实现PHP连接MySQL进行数据交互(android通过php连接mysql)
- Android系统基于Linux内核,实现移动设备突破极限。(android linux内核)
- JavaScript设计模式富有表现力的Javascript(一)
- android之Spinner下拉菜单实现级联
- Android开机自启动服务的实现方法
- Android监听apk安装替换卸载广播的实现代码