#android #ios #vue.js
Вопрос:
Когда пользователь посещает мобильный веб-сайт через android/ios iphone, он должен быть перенаправлен на соответствующие приложения в своем телефоне. Если они все еще не установили соответствующие приложения для веб-сайтов, их следует перенаправить на соответствующие приложения в Play Store или Apple Store. Внутри файла App.vue ниже внесены изменения.
const userAgent = window.navigator.userAgent; const isIphone = userAgent.match(/iPhone/); const isAndroid = userAgent.match(/Android/); const isIpad = userAgent.match(/iPad/); beforeCreate: function() { if ((isIphone === "iPhone" || isAndroid === "Android") amp;amp; isIpad === "null") { window.location = `{yourApp}:///`; } }, created: function() { if (isIphone || isAndroid) { setTimeout(() =gt; { if (isIphone === "iPhone") { window.location.href = "https://apps.apple.com/app/id{lt;app idgt;}"; //here add your correct app id } else if (isAndroid === "Android") { window.location.href = "https://play.google.com/store/apps/details?id=lt;app idgt;"; //here add your correct app id } }, 2500); } }
Но это сработает не так, как я ожидал. Я предполагаю, что причиной может быть проблема с идентификацией устройства. Кто-нибудь знает, как решить эту проблему или любой другой подход к созданию глубоких ссылок в vue js?