透過Javascript實現客戶端和服務端的互動時,有時候需要對作業系統進行判斷,以便實現不同作業系統下的兼容性,例如:我們有一個網站, 在Windows XP下瀏覽效果良好,但是到了Ubuntu下,由於許多特性不同,會造成在瀏覽上的細微差異,甚至會影響到良好的使用者體驗。這時候我們就需要利用 Javascript對作業系統的類型以及某些特性進行判斷,分而治之,從而實現網站在跨平台瀏覽時候保持良好的使用者體驗。
下邊的程式碼實作對Windows、Mac、Linux、Unix擦作系統的判斷:
如果我們需要對作業系統進行更精確的識別,可以繼續使用下邊的程式碼操作:
程式碼如下:
下邊的代碼是為了實現對瀏覽器是否支持XML特性的檢測:
程式碼如下:
PS:為了更好地避免不同瀏覽器,不同作業系統因為預設文字不同而對頁面佈局造成影響,應盡量避免CSS中使用固定行高(height:12px;)對文字高度進行限定,應該盡量使用height:auto,如果迫不得已必須限定文字高度(例如只顯示一行),則應使用em代替px(例如height:1.1em;),1em=1文字高度,這樣就使得文字高度隨著文字大小動態改變,不會造成文字截斷現象的發生了。