I am working on a mobile friendly website and liked the idea of having my URLs open in native apps; like say to Google Maps or Facebook using custom URI protocols eg fb:// or comgooglemaps://. Unfortunately on a desktop the browser (Chrome for example) doesn't know what fb:// means so those links do absolutely nothing. I need to add some sort of fall back like:
<a href="fb://profile?id=1234" fallback="http://facebook.com"> click here </a>
Unfortunately spending all day on Google has turned up not a single solution. Currently the only work-a-round I can come up with is to make 2 sets of links and display or hide a given link based on media queries. This sounds like a sloppy solution, hopefully someone else here has a better idea.