优秀的编程知识分享平台

网站首页 > 技术文章 正文

h5打开app代码(h5应用程序开发教程)

nanyue 2024-08-20 17:30:38 技术文章 4 ℃

<!--

top

-->

<template>

<div class="pagetop-download putuo" id="topImg">

<div>

<img class="logo" :src="site.logo" />

<p class="top-title">{{site.siteName}}</p>

</div>

<a class="load-a" @click="jieliuF">打开</a>

</div>

</template>

<script>

export default {

name: 'top',

props: {

},

data() {

return {

}

},

methods: {

goUrl() {

if(this.isWeixin.in) {

this.isWeixin.show = true

this.$emit("envChange", this.isWeixin)

return

}

if (window.navigator.userAgent.indexOf("iPhone") > -1) {

// window.location.href = this.site.iosUrl // ios 下载

// this.goApp(this.site.appIosUrl)

this.openAppOrDownApp(this.site.appIosUrl, this.site.iosUrl)

} else {

// window.location.href = this.site.anUrl // 安卓 下载

// this.goApp(this.site.appAnUrl)

this.openAppOrDownApp(this.site.appAnUrl, this.site.anUrl)

}

},

jieliuF() {

if(this.isWeixin.in) {

this.isWeixin.show = true

this.$emit("envChange", this.isWeixin)

return

}

this.jieliuhanshu(this.openAppOrDownApp, 1500)

},

// 打开app或下载

openAppOrDownApp() {

let appUrl, dowmUrl

if (window.navigator.userAgent.indexOf("iPhone") > -1) {

appUrl = this.site.appIosUrl

dowmUrl = this.site.iosUrl

} else {

appUrl = this.site.appAnUrl

dowmUrl = this.site.anUrl

}

// 唤起app

window.location.href = appUrl

setTimeout(() =>{

let hidden = window.document.hidden || window.document.mozHidden || window.document.msHidden || window.document.webkitHidden

if(typeof hidden == "undefined" || hidden == false){

// App store下载地址

window.location.href = dowmUrl

}

}, 3000);

},

goApp(url) {

setTimeout( () => {

window.location.href = url // 唤起app

}, 500)

}

}

}

</script>

<style lang="less" scoped>

.top-title {

font-weight: bold;

font-family:"bensong";

}

.putuo .load-a {

background: #d22830;

}

</style>

最近发表
标签列表