jQuery判斷瀏覽器型別
本章節分享一段程式碼例項,它實現了瀏覽器型別的判斷功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> ;(function($, window, document,undefined){ if(!window.browser){ var userAgent = navigator.userAgent.toLowerCase(),uaMatch; window.browser = {} /** * 判斷是否為ie */ function isIE(){ return ("ActiveXObject" in window); } /** * 判斷是否為谷歌瀏覽器 */ if(!uaMatch){ uaMatch = userAgent.match(/chrome\/([\d.]+)/); if(uaMatch!=null){ window.browser['name'] = 'chrome'; window.browser['version'] = uaMatch[1]; } } /** * 判斷是否為火狐瀏覽器 */ if(!uaMatch){ uaMatch = userAgent.match(/firefox\/([\d.]+)/); if(uaMatch!=null){ window.browser['name'] = 'firefox'; window.browser['version'] = uaMatch[1]; } } /** * 判斷是否為opera瀏覽器 */ if(!uaMatch){ uaMatch = userAgent.match(/opera.([\d.]+)/); if(uaMatch!=null){ window.browser['name'] = 'opera'; window.browser['version'] = uaMatch[1]; } } /** * 判斷是否為Safari瀏覽器 */ if(!uaMatch){ uaMatch = userAgent.match(/safari\/([\d.]+)/); if(uaMatch!=null){ window.browser['name'] = 'safari'; window.browser['version'] = uaMatch[1]; } } /** * 最後判斷是否為IE */ if(!uaMatch){ if(userAgent.match(/msie ([\d.]+)/)!=null){ uaMatch = userAgent.match(/msie ([\d.]+)/); window.browser['name'] = 'ie'; window.browser['version'] = uaMatch[1]; }else{ /** * IE10 */ if(isIE() && !!document.attachEvent && (function(){"use strict";return !this;}())){ window.browser['name'] = 'ie'; window.browser['version'] = '10'; } /** * IE11 */ if(isIE() && !document.attachEvent){ window.browser['name'] = 'ie'; window.browser['version'] = '11'; } } } /** * 註冊判斷方法 */ if(!$.isIE){ $.extend({ isIE:function(){ return (window.browser.name == 'ie'); } }); } if(!$.isChrome){ $.extend({ isChrome:function(){ return (window.browser.name == 'chrome'); } }); } if(!$.isFirefox){ $.extend({ isFirefox:function(){ return (window.browser.name == 'firefox'); } }); } if(!$.isOpera){ $.extend({ isOpera:function(){ return (window.browser.name == 'opera'); } }); } if(!$.isSafari){ $.extend({ isSafari:function(){ return (window.browser.name == 'safari'); } }); } } })(jQuery, window, document); $(document).ready(function(){ var str=window.browser+"<br/>"; str=str+$.isIE()+"<br/>"; str=str+$.isChrome(); $("#antzone").html(str); }); </script> </head> <body> <div id="antzone"></div> </body> </html>
相關文章
- PHP判斷瀏覽器型別:PHP瀏覽器型別
- JS判斷PC瀏覽器型別JS瀏覽器型別
- JavaScript 判斷瀏覽器的型別和版本JavaScript瀏覽器型別
- js判斷瀏覽器型別程式碼例項JS瀏覽器型別
- 判斷瀏覽器型別的程式碼例項瀏覽器型別
- js判斷瀏覽器型別和作業系統JS瀏覽器型別作業系統
- JavaScript判斷當前裝置和瀏覽器型別JavaScript瀏覽器型別
- js判斷移動端型別或者瀏覽器型別程式碼例項JS型別瀏覽器
- .net火狐瀏覽器 ie瀏覽器 判斷瀏覽器
- javascript判斷瀏覽器的型別和版本程式碼例項JavaScript瀏覽器型別
- 判斷瀏覽器型別和版本的javascript程式碼例項瀏覽器型別JavaScript
- 判斷當前瀏覽器是不是微信瀏覽器瀏覽器
- js程式碼判斷瀏覽器JS瀏覽器
- IE瀏覽器版本的判斷瀏覽器
- javascript判斷當前瀏覽器是不是微信瀏覽器JavaScript瀏覽器
- jquery1.9以上版本判斷瀏覽器是否為IE6jQuery瀏覽器
- js 判斷是什麼瀏覽器、是否為谷歌瀏覽器JS瀏覽器谷歌
- js如何判斷當前瀏覽器是否是谷歌瀏覽器JS瀏覽器谷歌
- 判斷是否在微信瀏覽器中瀏覽器
- 如何判斷IE瀏覽器的版本瀏覽器
- 如何判斷是否是360瀏覽器瀏覽器
- php判斷是否是微信瀏覽器PHP瀏覽器
- 條件註釋判斷瀏覽器瀏覽器
- JavaScript判斷系統和瀏覽器JavaScript瀏覽器
- 條件註釋判斷瀏覽器版本瀏覽器
- 判斷IE瀏覽器程式碼例項瀏覽器
- js如何判斷是否是IE瀏覽器JS瀏覽器
- PHP獲取瀏覽器型號,判斷安卓還是IOS訪問PHP瀏覽器安卓iOS
- javascript如何判斷內建的微信瀏覽器JavaScript瀏覽器
- js判斷是否是IE瀏覽器程式碼JS瀏覽器
- 如何判斷當期瀏覽器是否支援canvas瀏覽器Canvas
- js判斷IE瀏覽器程式碼例項JS瀏覽器
- js判斷微信瀏覽器程式碼例項JS瀏覽器
- javascript判斷uc瀏覽器程式碼例項JavaScript瀏覽器
- 如何判斷微信內建瀏覽器(JS & PHP)瀏覽器JSPHP
- 如何判斷瀏覽器是否是IE11瀏覽器IE11
- 判斷客戶瀏覽器是否支援cookie (轉)瀏覽器Cookie
- javascript如何識別瀏覽器型別JavaScript瀏覽器型別