从 wp_is_mobile 函数中排除平板设备

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

原函数wp_is_mobile()

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

使用方法

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

排除平板设备

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

使用方法

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

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

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

欢迎评论

从 wp_is_mobile 函数中排除平板设备 | 有 2 条评论

  1. avatar 123 2017-08-05 at 下午8:44 回复

    友情链接申请 网站地址:http://www.yuedudg.cn/ 360收录7000 网站名称:动感博客网 同意的话请到本站留言, 同时也欢迎大家到本站申请友链,首页,内页 均可

  2. avatar 杭州家政网 2017-07-24 at 上午8:39 回复

    值得思考哦,受教了!