男丁格爾's 脫殼玩

沒錯!只要 300 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

jquery_browser_plugin_2_3

筆者曾經提到jQuery.browser.version 在 IE 中版本判斷的 Bug 的問題，同時也用改寫檢測的方式來解決問題。而 jQuery Browser Plugin 也是一個擴充 $.browser 的套件，讓 $.browser 不僅能正確的檢測出版號之外，像瀏覽器的引擎也都能幫你找出來。支援的瀏覽器可是多達 10 多種，像 Chrome 也能正確的判斷出來呢！

套件名稱：jQuery Browser Plugin
套件版本：2.3
作者網站：http://jquery.thewikies.com/browser/
套件網址：http://plugins.jquery.com/project/Browser
發佈日期：2008-09-17
檔案大小：2.40 KB
檔案下載：jquery.browser.js

方法說明：

檢視原始碼 JavaScript

1 2	// 檢測所指定的 userAgent 內容，如果 extend 為 true 時則會擴充 $.browser $.browserTest(userAgent, extend);

屬性說明：

檢視原始碼 JavaScript

$.browser.name
描述：瀏覽器名稱；例如'firefox'
 
$.browser.version
描述：瀏覽器版本；例如'3.5.3'(字串)
 
$.browser.versionNumber
描述：瀏覽器版本；例如3.5(數字)
 
$.browser.versionX
描述：瀏覽器釋出的主版本；例如'3'
 
$.browser.className
描述：瀏覽器的類別名稱；例如'firefox3'(name + versionX)
 
$.layout.name
描述：瀏覽器引擎名稱；例如'gecko'
 
$.layout.version
描述：瀏覽器引擎版本；例如'1.9.1.2'(字串)
 
$.layout.versionNumber
描述：瀏覽器引擎版本；例如'1.9'(數字)
 
$.browser.versionX
描述：瀏覽器引擎釋出的主版本；例如'1'
 
$.layout.className
描述：瀏覽器引擎的類別名稱；例如'gecko1'(name + versionX)
 
$.os.name
描述：作業系統名稱；例如'win'

使用範例：

檢視原始碼 JavaScript

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.browser.js"></script>
<style type="text/css">
	#browsername {
		color: #fff;
		padding: 10px;
		text-transform: capitalize;
		background: #00f;
	}
	#browsername span {
		font-weight: bold;
	}
</style>
<script type="text/javascript">
	$(function(){
		// 顯示瀏覽器及引擎名稱及版本
		$("#browsername").html(
			'<span>' + $.browser.name.replace('msie', 'Internet Explorer') + '</span> browser ' + $.browser.version + '.' + "<br />" +
			'<span>' + $.layout.name + '</span> layout engine ' + $.layout.version + '.'
		);
	});
</script>
 
<body>
	<div id="browsername">你的瀏覽器資訊</div>
</body>