如何检测移动浏览器（PHP / Javascript），然后更改图像/文本？

Question

在我的新网站上使用wordpress，然后将页面内容组合在一起。 但是，我正在努力想出一种方法来检测移动浏览器，然后根据结果是从移动设备还是从移动设备查看页面，更改页面上某些元素（文本/图像）的可见性。电脑。

例如。 如果onmobile = true，则为，否则为。

提前致谢 ：）

Answer 1

您可以检查移动浏览器并通过以下方式进行编辑：

CSS：

#show{display:none;}

Java脚本

function check{
    if(window.innerWidth <= 800 && window.innerHeight <= 600) {
        document.getElementById('#show').style.display= 'block' ;     
    } }

Answer 2

您可能需要区分屏幕尺寸，而不是是否是移动浏览器。

如前所述，使用CSS媒体查询会更好。 其中一个现有的CSS框架，如引导，可以达到一个很好的方式，但你没有使用一个框架。

@media (max-width: 1024px) {
    div.myClass {
        display: none;
    }
}

将使项目隐藏在小屏幕（包括移动设备）上。

@media (min-width: 1024px) {
    div.myClass {
        display: none;
    }
}

将使某些东西隐藏在大屏幕上。 从那里开始，混合搭配即可达到您想要的效果。

在引导程序上，您可以使用帮助程序类（例如visible-md-block和hidden-xs来微调各种屏幕尺寸的可见性。 有关该位的更多信息，请参见Bootstrap文档 。