使用代碼的瀏覽器兼容性顯示

我希望向用戶顯示一個警告代碼，在我的頁面頂部顯示一條消息，如果用戶沒有使用特定版本的瀏覽器，如用戶使用IE6，那麼我希望顯示消息「此瀏覽器不支持，所以請升級」。使用代碼的瀏覽器兼容性顯示

這裏的問題首先是如何檢查哪個瀏覽器用戶正在使用，其次是如何創建Javascript/Jquery或更簡單的頁面頂部應該只顯示一次的代碼，並且應該有一個用於隱藏它的十字按鈕。

2013-02-09 Ankit

你有很多實現這個確切的目的，只是谷歌更難（AFAIK之一，甚至在最新的HTML5 Boilerplate默認實現） – 2013-02-09 03:55:35

現在它是關於功能檢測，而不是瀏覽器檢測。查看jquery支持 – mikakun 2013-02-09 04:00:49

@roXon是的，在HTML5 Boilerplate中有一個實現，http://html5boilerplate.com – 2013-02-09 05:14:39

你想要顯示哪些瀏覽器/版本的消息？

如果你只是爲較老的IE做這些，你可以添加包含該消息的HTML，並向它的父容器中添加一個「old-ie」類。在.old-ie的主樣式表中添加一個選擇器，併爲其賦予display: none;屬性。

使用條件註釋，可以覆蓋ie6.css，ie7.css（或嵌入式CSS）中的主樣式表，併爲.old-ie添加另一個選擇器，但是這次給它display: block;。

如果您想要定位舊版本的Safari，Chrome，Firefox等，您需要使用上述mikakun的功能檢測功能。

2013-02-09 05:11:08

回答