title: How open default browser from instagram in-app browser page link?
body: <p>Some pages in my site have a PWA install feature (that are not supported by instagram in-app browser). So when my visitor click in theses pages links I wanna open it in native browser,  instead keeping navigation within Instagram in-app browser.</p>
  <p>I tried the following:</p>
  <pre><code>$('.my-link').on('click', function(evt){
      if(navigator.userAgent.includes(&quot;Instagram&quot;)){
        evt.preventDefault();
        window.open($(this).attr('href'), '_blank');
        return false;
      }
  
      return true;
  });  
  </code></pre>
  <p>The if condition matchs true, but the target pages remains opening in Instagram in-app browser. I have tried <em>window.open($(this).attr('href'), '_system');</em> also, with no success.</p>
  <p>Any clue?</p>
  <p><strong>Update 1</strong></p>
  <p>Tried to use URIs schemes to force browser opening, but unfortunately it doest seem to be a good solution. Safari doesnt have an URI scheme. Google Chrome does, but we cant garantee user has Chrome Browser in Android and we cant detect what browser user has.</p>
  <pre><code>$('a.new-window-if-instagram').on('click', function(evt){
      if(navigator.userAgent.includes(&quot;Instagram&quot;)){
        
        if (/android/i.test(navigator.userAgent)) {
          evt.preventDefault();
  
          var url = $(this).attr('href').replace(&quot;https://&quot;, &quot;googlechromes://&quot;);
          url = url.replace(&quot;http://&quot;, &quot;googlechrome://&quot;);
          window.open(url, '_blank');
  
          return false;
        }
  
        if (/iPad|iPhone|iPod/.test(userAgent) &amp;&amp; !window.MSStream) {
          // Safari doest have URI scheme...
        }
      }
  
      return true;
  }); 
  </code></pre>