菜鸟教程小白 发表于 2022-12-13 02:53:17

javascript - 移动 Safari - Javascript 打开选项卡而不会失去对当前页面的关注


                                            <p><p>我目前正在开发一个网页,当访问该网页时,它会在移动 Safari 中打开另外两个网页。</p>

<p>唯一的问题是,当新标签被加载时,浏览器会专注于最后一个要加载的标签。</p>

<p>我已经尝试设置 Safari 设置“打开链接 -> 在后台”,但这似乎只是让您选择按住链接然后手动选择在后台打开链接(因此仍然专注于当前页)。</p>

<p>有没有办法在 Mobile Safari 中使用 javascript 自动打开一个网络链接,而不会失去对当前网页的关注?</p>

<p>这是我当前使用的代码示例。</p>

<pre><code>&lt;script type=&#34;text/javascript&#34; src=&#34;jquery-1.11.1.min.js&#34;&gt;&lt;/script&gt;
&lt;html&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;a class=&#34;site&#34; href=&#34;bbcNews/www.bbc.co.uk/news/index.html&#34; target=&#34;_blank&#34;&gt;Open Tabs&lt;/a&gt;
    &lt;script&gt;
      $(&#39;a&#39;).each(function () {
            var clk = document.createEvent(&#34;MouseEvents&#34;);
            clk.initMouseEvent(&#34;click&#34;, true, true, window, 0, 0, 0, 0, 0, false, false, false, true, 0, null);
            this.dispatchEvent(clk);
      });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;   
</code></pre></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>我很长一段时间以来一直在使用这种“pop-unders”逻辑。
希望这对您有用:
-基本思想是在新标签中打开页面本身,同时将“旧”标签/页面重定向到其他位置</p>

<pre><code>function popunder_redirect(){
      window.open(&#34;#tab&#34;);
      window.location=&#34;http://redirecturl.com&#34;;
    }
</code></pre>

<p>现在,如您所见,您的原始页面链接旁边有哈希链接 (#tab),您可以将其用作某种虚假历史记录,以通过检查页面加载来调整您的 javascript 或其他页面进度: </p>

<pre><code>jQuery(document).ready(function(){



var hashValue = window.location.hash;   //get hash value

//check for hash value

if (hashValue!=undefined &amp;&amp; hashValue==&#34;#tab&#34;)

{
      //display progressed page}

else{
   //display start page
}

});
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - 移动 Safari - Javascript 打开选项卡而不会失去对当前页面的关注,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/26633129/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/26633129/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - 移动 Safari - Javascript 打开选项卡而不会失去对当前页面的关注