페이지를 입력하여 IOS 또는 Android 시스템인지 판단한 다음 해당 작업을 수행하십시오.

질문 1: IOS 또는 Android 시스템인지 판단하기 위해 페이지를 입력하십시오.

let system = navigator.userAgent.toLowerCase();
if (/(iPhone|iPad|iPod|iOS)/i.test(system)) {
    // alert("iOS");
    
} else if (/(Android|Adr)/i.test(system)) {
    // alert("安卓");
    
};

질문 2: WeChat 단말기가 열려 있는지 확인합니까? 예 ==> 브라우저를 열라는 메시지 표시, 아니요 ==> 다운로드하려면 클릭

if (system.match(/MicroMessenger/i) == 'micromessenger') {
       //判断是否在微信中打开  
       // alert("是微信打开");
 };

질문 3: 클릭하여 다운로드하고 설치 여부를 결정하시겠습니까? 예 ==> 앱 열기, 아니오 ==> IOS는 Apple 스토어를 열고 Android는 로컬 다운로드를 실행합니다.

 methods: {
    download() {
        let ua = window.navigator.userAgent.toLowerCase();
        if (/(iPhone|iPad|iPod|iOS)/i.test(ua)) {
            // 点击下载按钮,判断手机是否已安装,安装的则打开App,未安装的则进入App Store
             window.location = "地址"  //IOS同事提供打开页面地址
             let timer = setTimeout(() => {
             window.location = 'https://apps.apple.com/cn/...'  //苹果下载链接
             }, 1000)
         } else if (/(Android|Adr)/i.test(ua)) {
             // 点击下载按钮后,判断手机是否已安装,安装的则打开App,未安装执行浏览器本地下载。
             window.location = "地址" //安卓同事提供打开页面地址
             let timer = setTimeout(() => {
                 window.location = "下载地址"
                 }, 1000)}
         },
  },

모든 코드

<script>
    export default {
        mounted() {
            let system = navigator.userAgent.toLowerCase();
            if (/(iPhone|iPad|iPod|iOS)/i.test(system)) {
                // alert("iOS");
                if (system.match(/MicroMessenger/i) == 'micromessenger') {
                        //判断是否在微信中打开  是:浏览器打开 给提示
                        // alert("是微信打开");
                }
            } else if (/(Android|Adr)/i.test(system)) {
                // alert("安卓");
                if (system.match(/MicroMessenger/i) == "micromessenger") {
                    // alert("是微信打开");
                };
            };

        },

        async asyncData({route,$axios}) {
            let getData=await $axios.post('接口地址')
            .then(({ data: {success, data={}} })=> {
                if (success) {
                    return data;
                }
            })
            .catch(err=> {
                console.log('err ===>', err);
            })
            let dizhi= getData?.dizhi;   //(?.)的写法是判断是否有值,在有值的情况下去取dizhi,相当于getData && getData.dizhi
            return {
                getData,
                dizhi,   //接口请求的地址
            }
        },

        methods: {
            download() {
                let ua = window.navigator.userAgent.toLowerCase();
                if (/(iPhone|iPad|iPod|iOS)/i.test(ua)) {
                    // 点击下载按钮,判断手机是否已安装,安装的则打开App,未安装的则进入App Store
                    window.location = "地址"  //IOS同事提供打开页面地址
                    let timer = setTimeout(() => {
                        window.location = 'https://apps.apple.com/cn/...'  //苹果下载链接
                    }, 1000)
                } else if (/(Android|Adr)/i.test(ua)) {
                    // 点击下载按钮后,判断手机是否已安装,安装的则打开App,未安装执行浏览器本地下载。
                    window.location = "地址" //安卓同事提供打开页面地址
                    let timer = setTimeout(() => {
                        window.location = "接口请求的下载地址"
                    }, 1000)
                }
            },
        },
        
    }
</script>

Supongo que te gusta

Origin blog.csdn.net/cxl1191628698/article/details/127588963
Recomendado
Clasificación