从 wp_is_mobile 函数中排除平板设备

WordPress有一个非常有用的函数 wp_is_mobile(), 用于测试当前浏览器是否在移动设备上运行,此函数完全可以使用来显示不同的判断哪部分内容要加载,哪部分不用加载,还可以使用这个函数来改变不同的class,为不同的设备书写不同的样式,从而达到完美的效果。本站的菜单使用了此函数,在移动设备上以模态框的方式呈现。

原函数wp_is_mobile()

原函数在 wp-includes/vars.php文件中,如下

使用方法

这个函数非常强大,对于响应式布局的网站基本上满足所有移动设备,但是有一个问题是,如果只想在手机端输出而排除平板设备,则需要对此函数进行一点点改造。

排除平板设备

此函数就是在原来wp_is_mobile() 函数的基础上进行了一点改造,让此函数只在手机端起作用。使用方法和 wp_is_mobile() 方法一样,方辉一个布尔值。

使用方法

然后就用一下的方式就可以使用

相比于使用 display:none,使用此函数可以完全在不同的设备上加载不同的北荣而不是将元素隐藏,具有非常明显的优势。

  • 打赏
  • 评论 0
  • 分享
  • 点赞 3
转载请注明出处: 从 wp_is_mobile 函数中排除平板设备 | 乐朦

欢迎评论