首頁  >  文章  >  web前端  >  jQuery使用$.support取代$.browser的使用方法詳解

jQuery使用$.support取代$.browser的使用方法詳解

巴扎黑
巴扎黑原創
2017-07-08 09:37:242291瀏覽

jQuery 從1.9 版開始,移除了$.browser 和$.browser.version , 取而代之的是$.support,下面我們來看下具體的使用方法

# jQuery 從1.9 版開始,移除了$.browser 和$.browser.version , 取而代之的是$.support 。 在更新的 2.0 版本中,將不再支援 IE 6/7/8。 以後,如果使用者需要支援 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支援IE,並混合使用jQuery 1.9 和2.0, 官方的解決方案是:


<!--[if lt IE 9]>
  <script src=&#39;jquery-1.9.0.js&#39;></script>
<![endif]-->
<!--[if gte IE 9]>
  <script src=&#39;jquery-2.0.0.js&#39;></script>
<![endif]-->

從長久來看,這樣有利於在復雜情況下根據瀏覽器特性分別處理, 而不是簡單的檢測瀏覽器類型和版本。 但目前很多舊程式的移植恐怕無法直接過渡到根據瀏覽器支援特性, 所以在網路上找了一些能夠直接取代的解決方案。

判斷瀏覽器類型:


$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

等號後面的表達式 傳回的就是true/false, 可以直接用來替換原來的$.browser.msie 等。如需要檢查是否為IE6時,可以這麼寫:


// Old
if ($.browser.msie && 7 > $.browser.version) {}
// New
if (&#39;undefined&#39; == typeof(document.body.style.maxHeight)) {}

檢查是否為IE 6-8:


if (!$.support.leadingWhitespace) {}

終極方法是用另外的類別庫替代,可以參考老外寫的一篇文章:

Browser detect

以上是jQuery使用$.support取代$.browser的使用方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn