Ссылка на открытие приложения facebook, если приложение существует, иначе веб-страница

Я ищу решение для следующего. Мы хотим отправить HTML-почтовик на следующей неделе и в настоящее время возникли некоторые проблемы. Это первый, который мы пытались сделать так, и главное отличие в том, что теперь он содержит кнопки, которые ссылаются на наш facebook.

почтовик отзывчивый и поэтому мы ищем решение, которое откроет настольную версию сайта в браузере, а при просмотре с мобильного телефона, проверьте, установлено ли приложение и откройте его, и если вместо этого не открывайте ссылку в браузере.

благодаря обширному поиску в интернете и переполнению стека я понял, что есть разница между тем, как Android и iOS позволяют это. См. ниже решения, которые я пробовал до сих пор:

.mobile-link {
   display: none;
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    .desktop-link {
        display: none;
    }
    .mobile-link {
        display: block;
    }
}

@media screen and (max-device-width: 1024px) and (orientation: landscape) {
    .desktop-link {
        display: none;
    }
    .mobile-link {
        display: block;
    }
}
<a class='mobile-link' onclick='
setTimeout(function () { window.location = 'www.facebook.com/profileid'; }, 2500);
window.location = 'fb://facewebmodal/=pagename';'>
    <img src='some.url' />
 </a>
 <a class='desktop-link' href='www.facebook.com/profileid'>
    <img src='some.url' />
 </a>

Это не работает на iPhone, хотя моя предыдущая попытка была (я изменил его, чтобы он работал для Android, который все еще не работает). В моей предыдущей попытке я :

<a class='mobile-link' onclick='
    setTimeout(function () { window.location = 'www.facebook.com/profileid'; }, 2500);
    window.location = 'fb://profile/id';'>
        <img src='some.url' />
     </a>

который работал для iOS, но не для Android.

из того, что я понимаю, facebook, кажется, изменить, как пользователи могут ориентироваться на приложение таким образом регулярно.

может ли кто-нибудь предоставить мне самый последний способ нацелить как iOS, так и Android-приложение в ссылке такого рода, пожалуйста?

1 ответов


вот несколько ссылок, где вы можете найти подходящий ответ:

сначала вам нужно проверить браузер на мобильном устройстве или на рабочем столе, а затем применить ниже код ссылки в соответствии с вашим требованием. вот ссылка обнаружения браузера: -обнаружение мобильного браузера

1) http://findnerd.com/list/view/How-to-detect-if-an-app-is-installed-in-IOS-or-ANDROID-with-the-help-of-javascript-and-Deep-Linking/4287/

2) как чтобы проверить, установлено ли приложение с веб-страницы на iPhone?

3) браузер iPhone: проверка, установлено ли приложение iPhone из браузера

Дайте мне знать, если вам еще что-нибудь понадобится.