【问题标题】:Can I remove a plugin if the user is viewing from a mobile device?如果用户从移动设备查看,我可以删除插件吗?
【发布时间】:2011-11-20 07:30:19
【问题描述】:

如果用户从移动设备观看,我想删除视频播放器(可以像 #video{display:none;} 一样简单)。

我的平台是wordpress。是否有 wordpress 快捷方式,或在 HTML5/CSS 中执行此操作的方法?如果没有,有没有办法在 Wordpress 中写一个简单的条件?

谢谢

【问题讨论】:

    标签: css wordpress html conditional


    【解决方案1】:

    最简单的方法是使用一些 Javascript 来找出正在访问页面的浏览器,然后据此采取一些措施。

    可以在此处找到有关发现浏览器的信息 http://www.w3schools.com/js/js_browser.asp

    从那里我想你有两个选择

    1. 使用 javascript 将它们重定向到页面的移动版本
    2. 使用 javascript 编辑元素的内部 html 以删除视频内容

    不知道这是否与 wordpress 相关,但这是我知道的方法。

    【讨论】:

    • 必填w3fools.com 链接。浏览器检测也是一个坏主意,原因有很多:它最终变得不精确、不可扩展和不准确。应改为使用特征检测。
    • 更好的做法是将来链接到 JavaScript 的 MDN 文档:developer.mozilla.org/en/JavaScript
    【解决方案2】:

    在 javascript/CSS 中有很多方法可以做到这一点。很难说哪种方法最适合您,但根据当前的最佳实践,我不会按照建议嗅探用户代理,而是在您的 style.css 中创建一个“响应”部分,该部分只会在移动设备上触发。

    @media (max-device-width: 480px) {
        #video {
            display: none; 
        }
    }
    

    适用于所有移动浏览器。您可以根据需要调整设备宽度。

    有关此技术的更多信息,称为响应式网页设计:http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

    【讨论】:

      猜你喜欢
      • 2016-02-28
      • 1970-01-01
      • 2011-01-05
      • 1970-01-01
      • 2013-06-23
      • 1970-01-01
      • 1970-01-01
      • 2012-03-24
      • 2020-10-09
      相关资源
      最近更新 更多