Is deeplinking technically possible today, with support for Safari and Default Android Browser?

Question

Mobile development

The client asked to place 3 icons on the site: vkontakte, facebook, twitter. Each icon leads to his page in social networks. He also asked to open the corresponding application if the user has it installed.
I used this service to generate deeplinks, deep-link.js to process links on the page (works based on delay - if native app doesn't open, opens fallback url). I got this ($id is username / id):

1. twitter twitter://user?screen_name=$id
   IOS Safari (app installed): Opening
   IOS Safari (app not installed): Swears that the address is invalid , opening fallback url
   IOS Chrome (app installed): Opening
   IOS Chrome (app not installed): open fallback url
   Android Default (app installed): open
   Android Default (app not installed): twitter://... page not available
   
2. facebook ios: fb://profile/$id, android: fb://page/$id
   IOS Safari (app installed): opens
   IOS Safari (app not installed): swears that address is invalid , opens fallback url
   IOS Chrome (app installed): Opening the
   IOS app Chrome (app not installed): Opening the fallback url
   Android Default (app installed): Opening the
   Android Default app (app not installed): Opening the fb:// page
   Android Chrome (app installed): Opening the app
   Android Chrome (app not installed): fallback url opens
   
3. vk ios: vk://vk.com/$id, android: https://vk.com/$id
   IOS Safari (app installed): IOS Safari (app not installed) application opens : swears that the address is invalid , opens fallback url IOS Chrome (app installed): IOS Chrome (app not installed) app opens: Android Default/Chrome (app installed) fallback url opens : offers a choice of how to open the link: app or Android Default/Chrome browser (app not installed) : open fallback url
   
   
   
   
   
   

How can I bypass the behavior of the stock Android browser and Safari so that it doesn't spit bugs?
PS I also tried to specify App Links , did not help:

<meta property="al:ios:url" content="fb://page/$id" />
<meta property="al:ios:app_store_id" content="284882215" />
<meta property="al:ios:app_name" content="Facebook" />

<meta property="al:android:url" content="fb://page/$id">
<meta property="al:android:package" content="com.facebook.katana">
<meta property="al:android:app_name" content="Facebook">
<meta property="al:web:url" content="https://www.facebook.com/page/$id" />

<meta property="og:title" content="example page title" />
<meta property="og:type" content="website" />

Tried using iframe for iOS to get rid of annoying Safari messages about unsupported protocols of uninstalled apps.. but didn't help.
As far as I understand, intent-filter can only be used in native applications, not in web pages, so it does not fit here either.
As a result, if we take into account that almost all users use Safari on ios (because apples disable hardware acceleration for all competitors), and on android it’s not clear what is default (in rare cases, chrome), then this deep linking will not work for anyone.
Maybe someone can show some site where deep linking really works? Well, let's see what's up...

Answer 1

Look at telegram.me/{USERNAME} Source
There is deeplinking with iframe