blocks|key|1393846|text|不，不是从网页上。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1393847|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

blocks|key|1393931|text|不是无缝的。但是有一种类似于检查弹出窗口是否被阻止的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1393932|当您尝试不支持的URL方案时，Safari将警告用户它不知道如何处理它，并停留在相同的页面上。|1393933|因此，如果你给你的app-call一些时间来激活，比如说300ms，然后做一些其他的事情来回应这个方案的不存在。|1393934|它不是最漂亮的，但它是有效的：|1393935|function+startIThrown(){
++document.location+=+'ithrown://restart';
++setTimeout(function(){
++++if(confirm('You+do+not+seem+to+have+iThrown+installed,+do+you+want+to+go+download+it+now?')){
++++++document.location+=+'http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=293049283&mt=8&uo=6';
++++}
++},+300);
}

<a+href="#"+onclick="startIThrown()">Restart+iThrown</a>|code-block|syntax|javascript|1393936|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Not seamlessly.
But there is a way similar to checking if a pop-up was blocked or not.

When you try a URL scheme which is not supported, Safari will warn the user that it doesn't know what to do with it and stay on the same page.

So if you gave your app-call some time to activate, say 300 ms, and then do something else to respond to the non-existence of the scheme.

It's not the prettiest but it works:

<pre><code>function startIThrown(){
 document.location = 'ithrown://restart';
 setTimeout(function(){
 if(confirm('You do not seem to have iThrown installed, do you want to go download it now?')){
 document.location = 'http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=293049283&amp;mt=8&amp;uo=6';
 }
 }, 300);
}

&lt;a href="#" onclick="startIThrown()"&gt;Restart iThrown&lt;/a&gt;
</code></pre>

blocks|key|1608918|text|这是一个解决方案，当你从应用程序返回时不会显示弹出窗口，它假设你离开的时间超过400ms：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1608919|function+startiThrown()+{
++++document.location+=+appurl;
++++var+time+=+(new+Date()).getTime();
++++setTimeout(function(){
++++++++var+now+=+(new+Date()).getTime();

++++++++if((now+-+time)<400)+{
++++++++++++if(confirm('You+do+not+seem+to+have+iThrown+installed,+do+you+want+to+go+download+it+now?')){
++++++++++++document.location+=+'http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=293049283&mt=8&uo=6';
++++++++++++}
+++++++++}
++++},+300);
}|code-block|syntax|javascript|1608920|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here is a solution that does not show the popup when you come back from the app, it assumes you've been gone longer than 400 ms:

<pre><code>function startiThrown() {
 document.location = appurl;
 var time = (new Date()).getTime();
 setTimeout(function(){
 var now = (new Date()).getTime();

 if((now - time)&lt;400) {
 if(confirm('You do not seem to have iThrown installed, do you want to go download it now?')){
 document.location = 'http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=293049283&amp;mt=8&amp;uo=6';
 }
 }
 }, 300);
}
</code></pre>

blocks|key|1394116|text|我发现pagehide事件比依赖于系统时间更健壮。对于我们这些喜欢非jQuery的人来说，这里有一个代码片段。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1394117|++var+appurl+=+'custom://url';
++var+appstore+=+'https://itunes.apple.com/us/app/your-app';

++var+timeout;
++function+preventPopup()+{
++++clearTimeout(timeout);
++++timeout+=+null;
++++window.removeEventListener('pagehide',+preventPopup);
++}
++function+startApp()+{
++++window.location+=+appurl;
++++timeout+=+setTimeout(function(){
++++++if(confirm('You+do+not+seem+to+have+the+App+installed,+do+you+want+to+go+download+it+now?')){
++++++++document.location+=+appstore;
++++++}
++++},+1000);
++++window.addEventListener('pagehide',+preventPopup);
++}|code-block|syntax|javascript|1394118|entityMap^0|3|8|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I found <code>pagehide</code> event to be more robust than depending on system time. For those of us who prefers a non-jQuery favor, here is the snippet. 

<pre><code> var appurl = 'custom://url';
 var appstore = 'https://itunes.apple.com/us/app/your-app';

 var timeout;
 function preventPopup() {
 clearTimeout(timeout);
 timeout = null;
 window.removeEventListener('pagehide', preventPopup);
 }
 function startApp() {
 window.location = appurl;
 timeout = setTimeout(function(){
 if(confirm('You do not seem to have the App installed, do you want to go download it now?')){
 document.location = appstore;
 }
 }, 1000);
 window.addEventListener('pagehide', preventPopup);
 }
</code></pre>

blocks|key|1609014|text|另一个很好的解决方法(至少在最新的浏览器版本中有效)是检查浏览器窗口在短时间超时后是否有焦点，这样，只有在URI方案不起作用的情况下，才能向用户显示一个对话框|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1609015|HTML：|1609016|<a+class="uri-link"+data-uri="qobuzapp://"+href="#">URI</a>​|code-block|syntax|javascript|1609017|Javascript+(此处使用jQuery+)：|1609018|var+windowHasFocus;

$(window).focus(function()+{
++windowHasFocus+=+true;
}).blur(function()+{
++windowHasFocus+=+false;
});

function+goToUri(uri)+{
++window.location+=+uri;
++setTimeout(function(){
++++if+(windowHasFocus)+{
++++++if+(confirm('You+do+not+seem+to+have+Qobuz+installed,+do+you+want+to+go+download+it+now?')){
++++++++window.location+=+'http://www.qobuz.com';
++++++}
++++}
++},+100);
}

$('a').on('click',+function(){+
++goToUri($(this).data('uri'));+
});​|1609019|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Another great (at least working in latest browser versions) workaround is to check if the browser window has focus after a short timeout, this way you can show a dialog box to the user only if the URI scheme didn't work

HTML:

<pre><code>&lt;a class="uri-link" data-uri="qobuzapp://" href="#"&gt;URI&lt;/a&gt;​
</code></pre>

Javascript (using jQuery here):

<pre><code>var windowHasFocus;

$(window).focus(function() {
 windowHasFocus = true;
}).blur(function() {
 windowHasFocus = false;
});

function goToUri(uri) {
 window.location = uri;
 setTimeout(function(){
 if (windowHasFocus) {
 if (confirm('You do not seem to have Qobuz installed, do you want to go download it now?')){
 window.location = 'http://www.qobuz.com';
 }
 }
 }, 100);
}

$('a').on('click', function(){ 
 goToUri($(this).data('uri')); 
});​
</code></pre>

blocks|key|1608958|text|以下是前两个解决方案的变体。它将创建一个可以在Google+Chrome中打开的链接。如果失败，它将使用http打开链接|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1608959|<script>
+function+checkChrome(h){
++document.location=h;
++var+time+=+(new+Date()).getTime();
++setTimeout(function(){
+++var+now+=+(new+Date()).getTime();
+++if((now-time)<400)+{
++++if(confirm('Missing+Chrome.+Download+it+now?')){
+++++document.location+=+'http://itunes.apple.com/us/app/chrome/id535886823?mt=8';
++++}+else+{
+++++document.location=h.replace('googlechrome','http');
++++}
+++}
++},+300);
+}
</script>

<a+href="googlechrome://www.google.com"+onclick="checkChrome(this.href);return+false;">Open+Google+with+Chrome</a>|code-block|syntax|javascript|1608960|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here is a variation on the previous 2 solutions. It will create a link that can be opened in Google Chrome. If it fails it opens the link using http 

<pre><code>&lt;script&gt;
 function checkChrome(h){
 document.location=h;
 var time = (new Date()).getTime();
 setTimeout(function(){
 var now = (new Date()).getTime();
 if((now-time)&lt;400) {
 if(confirm('Missing Chrome. Download it now?')){
 document.location = 'http://itunes.apple.com/us/app/chrome/id535886823?mt=8';
 } else {
 document.location=h.replace('googlechrome','http');
 }
 }
 }, 300);
 }
&lt;/script&gt;

&lt;a href="googlechrome://www.google.com" onclick="checkChrome(this.href);return false;"&gt;Open Google with Chrome&lt;/a&gt;
</code></pre>

blocks|key|1609084|text|我有一个带有jQuery插件的评论https://stackoverflow.com/a/18715513/49114，用于添加常规链接的替代应用程序链接。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1609085|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/18715513/49114^0|H|16|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I have this comment <a href="https://stackoverflow.com/a/18715513/49114">https://stackoverflow.com/a/18715513/49114</a> with a jQuery plugin to add alternative app link to regular links.

blocks|key|1394203|text|我试着只使用'pagehide‘事件，但它在Firefox中不起作用。我在这里创建了这个版本，可以在火狐，谷歌Chrome+http://jsfiddle.net/thiagomata/6tvoc4f1/2/+Safari上运行。我还没有在Internet+Explorer中测试过。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1394204|要让它在Firefox中正常工作，有一件事是必须的，那就是使用Iframe设置src。这使我可以在不离开页面的情况下调用应用程序。|1394205|<a+class="uri-link"+href="#"+
++data-uri-app="myapp://"+
++data-url-app-not-found="http://www.google.com?q=not-found-link"
++>
++Example+1
</a>​
<a+class="uri-link"+href="#"+
++data-uri-app="myapp://"+
++data-url-app-not-found="http://www.google.com?q=not-found-link"
++data-url-app-found="http://www.google.com?q=found-link"
++>
++Example+2
</a>​
<a+class="uri-link"++href="#"
++data-uri-app="notexists://"+
++data-url-app-not-found="http://www.google.com?q=not-exists"
>
++Example+3
</a>​
<iframe+id="callapp"+style="display:none"></iframe>|code-block|syntax|javascript|1394206|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/thiagomata/6tvoc4f1/2/^0|1Q|16|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

I try to use just the 'pagehide' event, but then it not work into Firefox. I created this version here <a href="http://jsfiddle.net/thiagomata/6tvoc4f1/2/" rel="nofollow">http://jsfiddle.net/thiagomata/6tvoc4f1/2/</a> what works in Firefox, Google Chrome and Safari. I have not tested in Internet Explorer yet.

One thing what was necessary to make it work into Firefox, was use Iframe to set the src. This allows me to call the app without leaving my page.

<pre><code>&lt;a class="uri-link" href="#" 
 data-uri-app="myapp://" 
 data-url-app-not-found="http://www.google.com?q=not-found-link"
 &gt;
 Example 1
&lt;/a&gt;​
&lt;a class="uri-link" href="#" 
 data-uri-app="myapp://" 
 data-url-app-not-found="http://www.google.com?q=not-found-link"
 data-url-app-found="http://www.google.com?q=found-link"
 &gt;
 Example 2
&lt;/a&gt;​
&lt;a class="uri-link" href="#"
 data-uri-app="notexists://" 
 data-url-app-not-found="http://www.google.com?q=not-exists"
&gt;
 Example 3
&lt;/a&gt;​
&lt;iframe id="callapp" style="display:none"&gt;&lt;/iframe&gt;
</code></pre>

Is there any way to check if a URL scheme is currently registered on the phone... with javascript?

Check if URL scheme is supported in javascript

jQuery

有没有办法检查当前是否在手机上注册了URL方案...用javascript？

问检查javascript中是否支持URL方案
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检查javascript中是否支持URL方案EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检查javascript中是否支持URL方案
EN