如何檢測移動瀏覽器（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文檔 。