如何制作 Instagram 的“在应用程序中打开”按钮？

Question

我正在 angular 1.4.2 中做一个应用程序，并想模仿 Instagram 移动网络的行为来打开应用程序，当我点击按钮时，Instagram 被打开，这可能吗？

我已经在较旧的帖子上尝试过解决方案，但似乎都没有奏效。我不知道这是角度问题还是它们不再起作用。以前的帖子：

• 从 Android 浏览器打开 Instagram
• 网页上的链接以打开 Instagram 应用程序

我尝试过但没有奏效的更多细节：

<a href="instagram://media?id=434784289393782000_15903882">instagram://media?id=434784289393782000_15903882</a>
<a href="http://instagram.com/_u/{USERNAME}/">Link to Instagram Page</a>
<a href="instagram://user?username={USERNAME}">Link to Instagram Profile</a>
<a href="intent://instagram.com/_n/mainfeed/#Intent;package=com.instagram.android;scheme=https;end"> test open Instagram ANDROID</a>
<a href="http://instagram.com/_u/USERNAME/">visit our instagram page</a>
<a href="instagram://user?username=untitled.tiff">untitled.tiff</a>
<a href="instagram://app">Open Instagram</a>

Answer 1

我进一步尝试，此链接最终有效。

<a href="instagram://user?username={USERNAME}">Link to Instagram Profile</a>

此外，我还必须添加以删除 angular 添加的“不安全：”标签。

var app = angular.module( 'myApp', [] )
.config( [
    '$compileProvider',
    function( $compileProvider )
    {   
     $compileProvider.aHrefSanitizationWhitelist(/^\s*(http|https?|local|data|instagram):/);
    }
]);