首頁  >  文章  >  web前端  >  利用Javascript判斷作業系統的類型實作不同作業系統下的相容性_javascript技巧

利用Javascript判斷作業系統的類型實作不同作業系統下的相容性_javascript技巧

WBOY
WBOY原創
2016-05-16 17:42:41971瀏覽

透過Javascript實現客戶端和服務端的互動時,有時候需要對作業系統進行判斷,以便實現不同作業系統下的兼容性,例如:我們有一個網站, 在Windows XP下瀏覽效果良好,但是到了Ubuntu下,由於許多特性不同,會造成在瀏覽上的細微差異,甚至會影響到良好的使用者體驗。這時候我們就需要利用 Javascript對作業系統的類型以及某些特性進行判斷,分而治之,從而實現網站在跨平台瀏覽時候保持良好的使用者體驗。
下邊的程式碼實作對Windows、Mac、Linux、Unix擦作系統的判斷:

複製程式碼 程式碼如下:



如果我們需要對作業系統進行更精確的識別,可以繼續使用下邊的程式碼操作: 程式碼如下:




下邊的代碼是為了實現對瀏覽器是否支持XML特性的檢測: 程式碼如下:



PS:為了更好地避免不同瀏覽器,不同作業系統因為預設文字不同而對頁面佈局造成影響,應盡量避免CSS中使用固定行高(height:12px;)對文字高度進行限定,應該盡量使用height:auto,如果迫不得已必須限定文字高度(例如只顯示一行),則應使用em代替px(例如height:1.1em;),1em=1文字高度,這樣就使得文字高度隨著文字大小動態改變,不會造成文字截斷現象的發生了。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn