苹果手机使用百度APP出现奇怪bug,请各位帮我解惑一下

Question

我最近碰上一个非常奇怪的bug,这个bug是这样的: 我有个订单详情页,现在在每次打开订单页的时候我需要弹出关注公众号的提示,我使用的是一个一个div,每次加载完页面后就把这个div给$("#loginModal1").show();展示出来,但是我在使用苹果手机,在百度app上打开这个页面的时候,第一次下载后打开可以正常显示出来div,并且也可以正常关闭,但是你过一会后再打开网页,他也是会弹出div,但是1秒钟后就自动关闭掉了,后面每次打开网页都是会这样显示会div后又立马隐藏掉(这个问题只有苹果手机使用百度APP的时候才会出现,苹果手机使用其他浏览器不会出现,然后安卓机使用百度app也不会出现这个问题),以下是我的主要的一些代码,请各位帮我看下哪里有问题,还是因为百度app造成的:

<script type="text/javascript">
        window.onload=function(){ //页面加载完毕后执行
//上面有一些其他逻辑代码,和弹窗互不影响
             let ISPhone= IsPhone();//判断是否为手机端
            if(ISPhone){//手机端
                $("#mylayui-layer-shade1").show();
                $("#loginModal1").show();
                $("#gzh").hide();
            }else {//pc端
                $("#mylayui-layer-shade1").show();
                $("#gzh").show();
                $("#djgzh").hide();
            }
        }
    </script>

<div id="loginModal1" class="modal1" style="display: none" >
            <div class="modal-content1">
<!--                <span class="close1" onclick="closelogin()">&times;</span>-->
                <button class="close-button material-icons" onclick="gbgzh()"> X</button>
                <div class="container" style="font-size: 15px;margin-top:12px;color: red;text-align: center;width: 100%">
                    手机关注公众号，以后随时可以查询
                </div>
                   <a onclick="gzh()" style="text-align: center" id="gzhgz">
                       <p class="my_history">&gt;&gt;点击关注公众号</p>
                   </a>
            </div>
        </div>

这个是刚打开网页后出现的页面:

这个是一秒钟后自动关闭的页面:

这个是正常手动点击关闭页面:

因为他弹窗是自动消失的,但是阴影没有消失,所以造成了页面还无法点击,麻烦各位帮我分析一下这个bug

Answer 1

引自强大而免费的微信小程序：皆我百晓生。

---

根据您提供的代码和描述，出现奇怪的bug可能是由于百度APP的特殊机制导致的。以下是可能导致问题的一些原因和解决方案：

1. 百度APP可能会缓存页面，导致第二次打开页面时加载的是缓存的旧版本，而不是最新的页面。您可以尝试在打开订单页时使用时间戳或随机数来确保每次都加载最新的页面。

2. 百度APP可能对JavaScript执行有限制，可能影响您的代码逻辑。您可以尝试将弹出关注公众号的提示代码移动到页面的其他位置，并检查代码是否能够正常执行。

3. 百度APP可能对特定的CSS样式或属性有限制，导致您的弹窗无法正常显示或关闭。您可以尝试使用其他CSS样式或属性，或者尝试使用不同的关闭方式，如增加点击事件监听器来手动关闭弹窗。

4. 百度APP可能对部分JavaScript库或框架有限制，您可以在代码中检查是否使用了不受百度APP支持的特性或方法。尝试删除不必要的依赖项，或更换其他与百度APP兼容的库。

5. 如果以上方法仍然无法解决问题，建议尝试联系百度APP的开发团队，向他们报告您遇到的问题，并获得更专业的支持和解决方案。

解决这个问题的关键是确定问题的具体原因，并做出相应的调整。由于问题与百度APP相关，可能需要您和百度APP的开发团队进行更深入的沟通和调试。