19五月/113

利用 UserAgnet 判斷是否為行動裝置瀏覽網頁

前言

因為工作上需求會要判斷使用者是不是使用行動裝置（e.g. iPhone、Android 手機）來瀏覽網頁，因此寫了個類別來判斷 UserAgent 是不是行動版裝置瀏覽。

說明

public class UserAgentUtility
{
	private static string[] mobiles = new[]
	{
		"midp", "j2me", "avant", "docomo", "novarra", "palmos", "palmsource",
		"240x320", "opwv", "chtml","pda", "windows ce", "mmp/",
		"blackberry", "mib/", "symbian", "wireless", "nokia", "hand", "mobi",
		"phone", "cdm", "up.b", "audio", "sie-", "sec-", "samsung", "htc",
		"mot-", "mitsu", "sagem", "sony", "alcatel", "lg", "eric", "vx",
		"NEC", "philips", "mmm", "xx", "panasonic", "sharp", "wap", "sch",
		"rover", "pocket", "benq", "java", "pt", "pg", "vox", "amoi",
		"bird", "compal", "kg", "voda","sany", "kdd", "dbt", "sendo",
		"sgh", "gradi", "jb", "dddi", "moto", "iphone", "android",
		"iPod", "incognito", "webmate", "dream", "cupcake", "webos",
		"s8000", "bada", "googlebot-mobile"
	};

	/// <summary>
	/// 判斷是否為行動版瀏覽器
	/// </summary>
	/// <param name="UserAnget"></param>
	/// <returns></returns>
	public static bool isMobile(string UserAnget)
	{
		if (string.IsNullOrEmpty(UserAnget))
			return false;

		foreach (var item in mobiles)
		{
			if (UserAnget.ToLower().IndexOf(item) != -1)
				return true;
		}

		return false;
	}
}

public class UserAgentUtility

{

private static string[] mobiles = new[]

{

"midp", "j2me", "avant", "docomo", "novarra", "palmos", "palmsource",

"240x320", "opwv", "chtml","pda", "windows ce", "mmp/",

"blackberry", "mib/", "symbian", "wireless", "nokia", "hand", "mobi",

"phone", "cdm", "up.b", "audio", "sie-", "sec-", "samsung", "htc",

"mot-", "mitsu", "sagem", "sony", "alcatel", "lg", "eric", "vx",

"NEC", "philips", "mmm", "xx", "panasonic", "sharp", "wap", "sch",

"rover", "pocket", "benq", "java", "pt", "pg", "vox", "amoi",

"bird", "compal", "kg", "voda","sany", "kdd", "dbt", "sendo",

"sgh", "gradi", "jb", "dddi", "moto", "iphone", "android",

"iPod", "incognito", "webmate", "dream", "cupcake", "webos",

"s8000", "bada", "googlebot-mobile"

};

/// <summary>

/// 判斷是否為行動版瀏覽器

/// </summary>

/// <param name="UserAnget"></param>

/// <returns></returns>

public static bool isMobile(string UserAnget)

{

if (string.IsNullOrEmpty(UserAnget))

return false;

foreach (var item in mobiles)

{

if (UserAnget.ToLower().IndexOf(item) != -1)

return true;

}

return false;

}

2011/09/23 16:23 補充：JavaScript 版本

<script type="text/javascript">
	var mobiles = new Array
			(
				"midp", "j2me", "avant", "docomo", "novarra", "palmos", "palmsource",
				"240x320", "opwv", "chtml", "pda", "windows ce", "mmp/",
				"blackberry", "mib/", "symbian", "wireless", "nokia", "hand", "mobi",
				"phone", "cdm", "up.b", "audio", "sie-", "sec-", "samsung", "htc",
				"mot-", "mitsu", "sagem", "sony", "alcatel", "lg", "eric", "vx",
				"NEC", "philips", "mmm", "xx", "panasonic", "sharp", "wap", "sch",
				"rover", "pocket", "benq", "java", "pt", "pg", "vox", "amoi",
				"bird", "compal", "kg", "voda", "sany", "kdd", "dbt", "sendo",
				"sgh", "gradi", "jb", "dddi", "moto", "iphone", "android",
				"iPod", "incognito", "webmate", "dream", "cupcake", "webos",
				"s8000", "bada", "googlebot-mobile"
			)

	var ua = navigator.userAgent.toLowerCase();
	var isMobile = false;
	for (var i = 0; i < mobiles.length; i++) {
		if (ua.indexOf(mobiles[i]) > 0) {
			isMobile = true;
			break;
		}
	}
</script>

var mobiles = new Array

(

"midp", "j2me", "avant", "docomo", "novarra", "palmos", "palmsource",

"240x320", "opwv", "chtml", "pda", "windows ce", "mmp/",

"blackberry", "mib/", "symbian", "wireless", "nokia", "hand", "mobi",

"phone", "cdm", "up.b", "audio", "sie-", "sec-", "samsung", "htc",

"mot-", "mitsu", "sagem", "sony", "alcatel", "lg", "eric", "vx",

"NEC", "philips", "mmm", "xx", "panasonic", "sharp", "wap", "sch",

"rover", "pocket", "benq", "java", "pt", "pg", "vox", "amoi",

"bird", "compal", "kg", "voda", "sany", "kdd", "dbt", "sendo",

"sgh", "gradi", "jb", "dddi", "moto", "iphone", "android",

"iPod", "incognito", "webmate", "dream", "cupcake", "webos",

"s8000", "bada", "googlebot-mobile"

)

var ua = navigator.userAgent.toLowerCase();

var isMobile = false;

for (var i = 0; i < mobiles.length; i++) {

if (ua.indexOf(mobiles[i]) > 0) {

isMobile = true;

break;

}

</script>

結論

現在智慧型手機和平板越來越多了，也會有很多需求是針對行動裝置設計行動版網頁，並且在行動裝置瀏覽到網頁的時候自動轉換到行動版網頁，因此這個類別應該會對不少讀者有幫助，也希望有讀者可以分享還有哪些方式可以來判斷囉！

標籤： C# 回覆此文章

回覆 (3) 引用 (1) ( 訂閱此篇文章的回覆 )

K
九月 21st, 2011 - 15:45

老師您好
請教一下要如何判斷手機版網頁?
可適用在兩個html的判斷嗎?
例如：pc.html和mobile.html這兩個網頁檔
當我用iphone讀取pc.html時能夠自動轉換讀取mobile.html
有辦法達成嗎?
謝謝!

黯雲回應：
我還在學習，別稱我是老師啦！已補充上去 JavaScript 版本，你可以試看看。

( 回覆 )
戀愛黑玫瑰
十一月 23rd, 2011 - 12:34

老師不好意思打擾，請問老師我在您"2011/09/23 16:23 補充：JavaScript 版本"

並沒有看到樓上朋友問的

"當我用iphone讀取pc.html時能夠自動轉換讀取mobile.html"

是否可以請老師再詳細說明一下我比較笨>"<

謝謝老師了

黯雲回應：
可以判斷 isMobile 是否為 true 再用 location.href = "mobile.html" 就可以了

( 回覆 )
Mason
三月 8th, 2012 - 20:57

大大您好
非常感謝您的分享
這個真的對我有很大的幫助

不過我在實作的時候發現有一個問題
C# 版本在判斷的時候 UserAgent 會傳入有區分大小寫的字串
導致全部被判斷成 not mobile
建議可以加上 ToLower
if (UserAnget.ToLower().IndexOf(item) != -1)

也可以參考http://detectmobilebrowsers.com/
有用 Regex 寫的

黯雲回應：
感謝告知，已做修改，你提供的網站的東西也蠻實用的。

( 回覆 )

文章彙整

文章分類

其他 (9)
未分類 (1)
程式開發技術 (7)
- C# (4)
- Linq (4)
網路程式設計 (20)
- ASP.Net (5)
- ASP.Net MVC (17)
- WCF (1)
網頁開發技術 (8)
- CSS (1)
- JavaScript (1)
- jQuery (4)
- Mobile Web (2)
開發相關軟體 (4)
- Internet Information Service (2)
- SQL Server (1)
- Visual Studio (1)

鏈結

網站資訊

授權聲明

姓名標示-非商業性-禁止改作 3.0
姓名標示 - 您必須保留原作姓名標示
非商業性 - 您不得為商業使用本著作
禁止改作 - 您不得改變或改作本著作

Coding 之路，不由分說 .Net,MVC,jQuery

利用 UserAgnet 判斷是否為行動裝置瀏覽網頁

前言

說明

結論

Leave a comment 取消回覆

文章彙整

文章分類

標籤

鏈結

近期文章

近期迴響

網站資訊

授權聲明