如何使Instagram“在应用程序中打开”按钮?

时间:2017-02-15 15:56:44

标签: javascript html angularjs instagram

我正在使用角度1.4.2进行应用,并想模仿Instagram移动网络打开应用的行为,当我点击按钮打开Instagram时,这可能吗?

enter image description here

我已经在较旧的帖子上尝试了解决方案,但似乎都没有。我不知道这是一个角度问题还是他们不再工作了。 较旧的帖子:

我尝试过但没有效果的更多细节:

<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>

1 个答案:

答案 0 :(得分:3)

我进一步尝试了这个链接最终工作。

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

此外,我必须添加以删除角度正在添加的“unsafe:”标记。

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