使用带iFrames的猫头鹰旋转木马时，iPhone崩溃

Question

我为这个问题搜索了很长时间，但我找不到另一个有同样问题的。我创建了这个JsFiddle来演示这个问题。

当我在iPhone上打开它时，它会在99/100的情况下崩溃(有时不会(。我真的很为难，因为我不知道如何调试它。首先，iPhone尝试重新加载页面，直到我得到错误"；上重复出现问题"并且没有更多的错误消息。

JsFiddle

安卓和其他一切都很好。

PS：给它一些时间加载iFrames

$('.carousel2').owlCarousel({
loop:true,
autoplay:false,
dotsEach: true,
responsiveClass:true,
mouseDraggable: false,
navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
responsive:{
0:{
items:1,
margin: 10,
dots:true,
nav:true,
loop:true
},
600:{
items:1,
nav:true,
dots:true,
margin: 100,
loop:true
},
1000:{
items:1,
margin: 100,
dots:true,
nav:true,
loop:true
}
}
})

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" integrity="sha512-UTNP5BXLIptsaj5WdKFrkFov94lDx+eBvbKyoe1YAfjeRPC+gT5kyZ10kOHCfNZqEui1sxmqvodNUx3KbuYI/A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css" integrity="sha512-OTcub78R3msOCtY3Tc6FzeDJ8N9qvQn1Ph49ou13xgA9VsH9+LRxoFU6EqLhW4+PKRfU+/HReXmSZXHEkpYoOA==" crossorigin="anonymous" referrerpolicy="no-referrer" />



<div class="carousel2 owl-carousel owl-theme">
<div class="item products_3_img">
<iframe class="myIframe1" style="width: 800px; height: 800px;" src="https://hajimewatanabe.jp/portfolio/" data-src="" ></iframe>
</div>
<div class="item products_3_img">
<iframe class="myIframe2" style="width: 800px; height: 800px;" src="https://cabbi.bo/" data-src=""></iframe>
</div>
<div class="item products_3_img">
<iframe class="myIframe3" style="width: 800px; height: 800px;" src="https://renaultespace.littleworkshop.fr" data-src=""></iframe>
</div>
</div>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.js" integrity="sha512-gY25nC63ddE0LcLPhxUJGFxa2GoIyA5FLym4UJqHDEMHjp8RET6Zn/SHo1sltt3WuVtqfyxECP38/daUc/WVEA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Answer 1

我在iphone8上测试了它，可以确认问题。

Answer 2

我在一个开发的站点中遇到了同样的问题，它在所有其他设备上都能很好地工作，比如桌面&安卓手机

如果你有循环：猫头鹰旋转木马上的true会导致iPhone 14、iPhone 14 Pro和iPhone 14 Pro Max网站崩溃。

为了解决这个问题，设置循环：false for mobile&适用于其他桌面尺寸。这是猫头鹰旋转木马上的一个奇怪错误，希望他们能尽快解决。