JS，只使用 html。 我可以檢查用戶瀏覽器嗎？

Question

只需使用 HTML。 不使用JS。 我可以了解用戶瀏覽器嗎

我可以了解用戶瀏覽器。 如果我使用 JS。 我想控制 HTML。 “PC”瀏覽器看不到按鈕。 但是“Mobel”瀏覽器可以看到該按鈕。 僅使用 HTML。 不使用JS。 我可以嗎？

JS代碼： window.javascript 。 var filter = win32|win64"; if(navigator.platform){ if(0 > filter.indexOf(navigator.platform.toLowerCase())){ alert("Mobile"); }else{ alert("PC"); } }

Answer 1

此代碼將為您提供設備類型

HTML 的標簽，如果需要，您可以在其他情況下使用它。

 function detectDeviceType() { if ( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) ) { $('#typeOfDevice').text('Type of device is Mobile'); } else { $('#typeOfDevice').text('Type of device is PC'); } }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form> <input type="button" onclick="detectDeviceType();" value="Find type of my device" /> <p id="typeOfDevice"></p> </form>

希望這可以幫助。

Answer 2

純 HTML 沒有任何“活動”元素可用於檢查當前正在運行的瀏覽器，並且 HTML 不知道它將如何顯示/使用 - 這取決於瀏覽器。 您確實需要 JS 或其他一些客戶端代碼來執行檢查。

Answer 3

好吧，如果您的瀏覽器將向服務器發出請求，您可以通過 headers 知道它的用戶代理（例如，沒有 js，發出 post 請求）。 在這里您可以看到使用用戶代理https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent的瀏覽器檢測

必須包含：

• Firefox - 火狐/xyz
• 鉻 - 鉻/xyz
• 鉻鉻/xyz
• Safari Safari/xyz
• Opera - OPR/xyz (Opera 15+) Opera/xyz (Opera 12-)
• IE瀏覽器 -; MSIE xyz;

但請注意，有些瀏覽器在撒謊：例如 Chrome 報告為 Chrome 和 Safari。 因此，要檢測 Safari，您必須檢查 Safari 字符串和 Chrome 字符串的缺失，Chromium 經常將自己報告為 Chrome，或者 Seamonkey 有時將自己報告為 Z763F7F1AEC350CD1A462Z9D1D5C3C22。