我创建了一个响应式博主模板。一切都很好,但我想让它变得更好。我的网站包含一些我想在手机和平板电脑 View 中禁用的小部件。我的响应式设计非常适合移动设备和平板电脑,但问题是它加载所有小部件然后隐藏它们。我使用了 display: none
方法来隐藏这些不需要的小部件,它可以工作,但会增加页面加载时间。我真的不需要在移动 View 中使用这个小部件。我只是想完全禁用这个小部件,以便我的网页加载速度更快。
最佳答案
您可以通过以下方式检测窗口
分辨率大小:
var width = $(window).width();
var element = $('.widget-content');
if ((width <= 1024)) {
$(element).remove();
}
或通过以下方式检测移动代理
:
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$('.widget-content').remove();
}
关于javascript - 禁用负责任设计中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35955027/