我一直在阅读Opera mini并在其上运行javascript。 https://dev.opera.com/articles/opera-mini-and-javascript/
Opera网站说你可以为你的脚本添加一个事件监听器,并让它们在用户启动的动作上恢复。
我可以用来恢复脚本的opera mini支持哪些操作,以及如何将事件监听器集成到我当前的js中?
例如我有这个图片轮播在我的页面上有这个脚本:
<script type="text/javascript">
$(document).ready(function(){
$('.responsive-mq').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
lazyLoad: 'ondemand',
autoplay: true,
autoplaySpeed: 2000,
mobileFirst: true,
responsive: [
{
breakpoint: 1024,
settings: {
speed: 300,
slidesToShow: 5,
slidesToScroll: 5,
infinite: true,
dots: true,
autoplay: true,
autoplaySpeed: 2000
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 3,
slidesToScroll: 2
}
},
{
breakpoint: 500,
settings: {
dots: true,
infinite: true,
speed: 300,
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 3,
slidesToScroll: 3
}
},
{
breakpoint: 199,
settings: {
dots: true,
infinite: true,
speed: 300,
slidesToShow: 2,
slidesToScroll: 2,
autoplay: true,
autoplaySpeed: 2000
}
}
]
});
});
但是它有自己的js文件,其中包含大量脚本。 我只需要在页面脚本上使用监听器吗?
我只是js的初学者所以请记住这一点。
答案 0 :(得分:0)
基本上,当您在Opera Mini中加载网页时,您会得到类似于它的屏幕截图。此屏幕截图可能会在用户操作(例如点击或表单提交)上重新加载,但不会自动重新加载,因此最好禁用Opera Mini用户的轮播。您可以将幻灯片一个堆叠在一起。这样,用户无需重新加载页面即可查看内容。
您可以像这样修改代码:
var isOperaMini = Object.prototype.toString.call(window.operamini) === "[object OperaMini]";
if (!isOperaMini) {
$('.responsive-mq').slick(...);
}
但是请记得在Opera Mini中查看这个,因为我不完全确定它可以与您的网站和这个Slick插件一起使用。