JS判定訪問機器、クライアント操作システムタイプ

29283 ワード

オペレーティングシステム

まず一つの例を示します.windows、linux、androidを判断します.
以下のコードをコピーして既存のファイルに保存すればいいです.

<html>
<head>
<title>      </title>
<script type="text/javascript">
function detectOS() { 
var sUserAgent = navigator.userAgent; 

var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); 
var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel"); 
if (isMac) return "Mac"; 
var isUnix = (navigator.platform == "X11") && !isWin && !isMac; 
if (isUnix) return "Unix"; 
var isLinux = (String(navigator.platform).indexOf("Linux") > -1); 

var bIsAndroid = sUserAgent.toLowerCase().match(/android/i) == "android";
if (isLinux) {
if(bIsAndroid) return "Android";
else return "Linux"; 
}
if (isWin) { 
var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1; 
if (isWin2K) return "Win2000"; 
var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || 
sUserAgent.indexOf("Windows XP") > -1; 
if (isWinXP) return "WinXP"; 
var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1; 
if (isWin2003) return "Win2003"; 
var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1; 
if (isWinVista) return "WinVista"; 
var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1; 
if (isWin7) return "Win7"; 
} 
return "other"; 
} 
document.writeln("       ：" + detectOS()); 
alert(detectOS());
</script>
</head>
<body>
</body>
</html>

現在ウェブサイトにアクセスしているデバイスがPCかどうかを判断します.

//  、       
var system ={
win : false,
mac : false,
xll : false
};
//    
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//    
if(system.win||system.mac||system.xll){
alert("PC  ");
}else{
alert(" PC  ");
}

JSは、アクセスデバイスが異なるページをロードすると判断します.コードは以下の通りです

function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (! (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
window.location.href = B  ;
}
}
browserRedirect();

JSは、クライアントのオペレーティングシステムタイプを判断し、異なるフォント表現を定義する.コードは以下の通りです

//                   
function detectOS() {
var sUserAgent = navigator.userAgent;
var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel"); if (isMac) 
return "Mac";
var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
if (isUnix) return "Unix";
var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
if (isLinux) return "Linux";
if (isWin) {
var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
if (isWin2K) return "Win2000";
var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
if (isWinXP) return "WinXP";
var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
if (isWin2003) return "Win2003";
var isWin2003 = sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
if (isWin2003) return "WinVista"; 
var isWin2003 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
if (isWin2003) return "Win7";
} 
return "other"; 
}

もう一つの方法は、mootoolsフレームを使用する:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>   </title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.21" />
</head>
<body>
<h1>test Browser.Platform.linux</h1>
<script type="text/Javascript" language="JavaScript">
var s = null;
s = Browser.Platform.linux;
alert(s);
if (Browser.Platform.linux)
alert("linux");
else
alert("not linux");
</script>
</body>
</html>

JSフレームを使って既製の判断があります.例えば、motoolsフレームにおいて:Browser.Platform.mac-(bootlean)現在のオペレーティングシステムがMacBrowser.Platform.win-(bollan)現在のオペレーティングシステムがWindowser.Platform.linux-(bootan)現在のオペレーティングシステムであるかどうかはLinuxBrowem.Plek.現在のOSはiPod touch/iPhone Browser.Platform.other-(boother)現在のOSはMacではなく、WindowsやLinuxBrowser.Platform.name-(string)現在のオペレーティングシステムの名前でもないです.
付:WIN 7システムではXPシステムとは違って、格子が壊れやすい時もあります.そして、WIN 7の下にあるマイクロソフト雅黒はシステムが持っているので、効果がいいです.以下のコードは、システムによって効果的なフォントを持っていると判断しやすいです.あるいは他の何か!各システムに最適なフォントWin 7 and Vista「Microsoft Yahei」、Tahoma XP Tahoma、Helvetica、Arial、「SimSun」、sans-serif MAC「Helvetica Neue」、Helvetica、「Hragino Sans GB」、Arial table淘宝に使用される汎用フォント「Arvetica」
参考資料:http://www.camnpr.com/archives/js-judge-device-and-os.html

js数字入力ボックス(最大値最小値制限と四捨五入を含む)