h5页面拉起手机内的APP

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>测试</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    </head>
    <body>
    <div></div>
    <script>
    var url_ios = "Cgtz://songjiangdai"   //ios打开链接
    var url_ios_download=  "https://itunes.apple.com/cn/app/song-jiang-dai/id984424855?mt=8" //ios下载地址
    var url_android = "sjd://lg.app" //安卓打卡链接
    var url_android_download = "https://cgtzfiles.b0.upaiyun.com//cgjr/jrwx/apk/songjiangdai_release_2.2.2_dx.apk"//安卓下载地址
    if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){  //判断ios手机
        var loadTime = new Date();
          window.location.href=url_ios   //打开手机内的app
        setTimeout(function(){   //两秒后下载APP
            var outTime = new Date()
            if(outTime - loadTime > 800){
                location.href = url_ios_download;
            }
        },2000)
    }else { //安卓手机
        var loadTime = new Date();
        location.href = url_android;//打开手机内的app
        setTimeout(function(){  //两秒后下载APP
            var outTime = new Date()
            if(outTime - loadTime > 800){
                location.href = url_android_download;
            }
        },2000)
    }
        </script>
    </body>
</html>
时间: 2024-08-25 23:05:09

h5页面拉起手机内的APP的相关文章

微信h5页面中跳转下载第三方app的办法

需求:在微信h5页面中下载第三方app -- 安卓, 直接下载apk文件包:iphone,跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不支持通过scheme跳转第三方app) 变通方法: 一.借助TX的应用市场 --'应用宝':将app上架应用宝,在微信中点击下载按钮(app的应用宝微下载地址),安卓则可跳转应用直接进行下载,iphone则会自动跳转Appstore(需在TX开发平台进行配置) 总结:虽然这种方

前端如何将H5页面打包成本地app?

大家都知道H5页面怎么在手机浏览器里测试,但是如何能打包成APP测试呢?因为本人的手机是IOS系统,如果用Xcode打包需要开发证书,貌似99美元一年.意外发现一个叫Hbuild的软件,简单好用,下面做个简单的使用分享: 首先到网上下载一个Hbuild,下载地址->戳(windows) 一.安装成功后打开选择暂不登陆,进入主界面如图: 二.把自己打好的包导入到hbuild 三.选择对应选项及文件夹 四.电脑连上手机,点击菜单栏"运行"--"到手机" 五.轻松搞

微信h5页面调用第三方位置导航

微信h5页面拉起第三方导航应用 需要准备的: 通过微信认证的公众号有备案过的域名 背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能 需求:当用户点击导航按钮时,跳转到第三方app进行导航 参考:微信公众号开发文档 步骤: 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/... jssdk的签名权限,这个权限是由后台提供的,前端只需要把签名权限注入到wx.config中就可以了,相信用过微信其他api的这一步都可以省了

h5页面的缓存问题

最近遇到一个灵异事件 h5页面更新了js,在APP内部分登录用户可看新js渲染页面,另外登录用户看到是老js渲染的页面 js上线前会build带上hash,hash方式采用 aaa-1s12jashdjas.js 方式 用户手动清除APP缓存,重新登录后,进入页面的渲染方式正常 1.开始排查流程,前端修改了不规范的代码格式,再次上线仍可复现 2.疑似nginx有缓存html文件,找运维排查,nginx没有缓存该html页面 3.又排查nginx配置问题,再次上线部署,仍可复现 4.疑似CDN的问

H5及H5页面是什么意思?如何制作H5页面?

H5是HTML5的简称.HTML5是HTML最新的修订版本,是一种超文本标记语言.H5有两大特点:首先,强化了 Web 网页的表现性能.其次,追加了本地数据库等 Web 应用的功能. H5页面就是利用html5制作出来的页面,尤其在微信中发展迅速,借由微信这个移动社交平台,正在走进更多人的视野,比如从引爆朋友圈的H5小游戏<围住神经猫>,到颠覆传统广告的大众点评H5专题页<我们之间只有一个字>,各种H5游戏和专题页纷纷崭露头角. 为活动推广运营而打造的H5页面是最常见的类型,形式多

ios下app内嵌h5页面是video适配问题

ios下做新闻详情用h5页面实现然后打包到app中,其中新闻详情页会有视频,安卓下video的poster可以做到适应video大小,但是ios下会按照poster图片大小将video等比撑大,但是视频显示不全(超出手机宽度),原始poster图片大小是750x420尝试诸多方法包括设置object-fit:fill;等,都无效,最后把封面图等比缩小为420x236完美解决: 总结: ios下的webview会将video的poster等比放大适应video:但不会等比缩小适应video: 原文

ios应用内嵌h5页面数据自动变色识别为手机号码的解决方法——手机号码拨号禁用IOS手机页面数字自动识别为手机号

现象如下,ios应用内嵌h5页面,本来是设置了白色的数字,两三秒之后会自动变为黑色,然后点击的时候就会弹出是否拨号的提示: 解决方法,添加如下meta标签,即可解决: <meta name="format-detection" content="telephone=no">

H5页面测试app测试

H5页面介绍 1. H5页面H5即 HTML5,是最新的 Web 端开发语言版本,大多数手机 APP 页面会用 H5 实现,包括 PC Web 站点也会用它开发实现.所以 Web 的通用测试点和方法基本都可以适用于它.H5其实就是:移动端Web页面.H5应用在很多地方,如APP的活动专题页面.新闻页面.微信公众号文章页面等都属于H5页面,在PC或者手机浏览器都可以直接访问H5页面.H5作为移动端的web页面,有它自身的优势,如它可以跨平台使用,开发成本相对较低:可随时上线就更新版本,适合快速迭代

如何判断一个APP页面是原生的还是H5页面

来源:http://www.25xt.com/appdesign/11851.html Hybrid APP指的是半原生半Web的混合类App.需要下载安装,看上去类似Native App,但只有很少的UI Web View,访问的内容是 Web . 原生是Native APP,H5就是Web App 在Hybrid 当中,如何快速的判断一个APP页面是原生的还是H5页面呢? 1.看断网的情况 把手机的网络断掉.然后点开页面.然后可以正常显示的东西就是原生写的. 显示404或则错误页面的是htm