Archive of published posts on 2012.4月

JavaScriptでブラウザ判定

Posted by specterant on 2012.04.22

はい。今度はブラウザ判定です。
またまた、私用でコピペできるようにメモです。

var ua = navigator.userAgent;
var av = navigator.appVersion.toLowerCase();
var ie = ua.indexOf("MSIE") != -1; //Internet Explorer
var ie6 = av.indexOf("msie 6.") != -1; //Internet Explorer 6
var ie7 = av.indexOf("msie 7.") != -1; //Internet Explorer 7
var ie8 = av.indexOf("msie 8.") != -1; //Internet Explorer 8
var ie9 = av.indexOf("msie 9.") != -1; //Internet Explorer 9
var firefox = ua.indexOf("Firefox") != -1; //Firefox
var safari = ua.indexOf("Safari") != -1 && ua.indexOf("Chrome") == -1; //Safari
var chrome = ua.indexOf("Chrome") != -1; //Google Chrome
var opera = ua.indexOf("Opera") != -1; //Opera

(function(){
	if (ie) {
		alert("Internet Explorer");
		if (ie6) {
			alert("Internet Explorer 6");
		}
		else if (ie7) {
			alert("Internet Explorer 7");
		}
		else if (ie8) {
			alert("Internet Explorer 8");
		}
		else if (ie9) {
			alert("Internet Explorer 9");
		}
	}
	else if (firefox) {
		alert("Firefox");
	}
	else if (safari) {
		alert("Safari");
	}
	else if (chrome) {
		alert("Google Chrome");
	}
	else if (opera) {
		alert("Opera");
	}
}).call(this);
詳しくは、下記の参考にさせていただいたサイトを見ていただけたらと…はい。

参考にさせていただいたサイト
ブラウザ判別 | JavaScript capsule
JavaScript とかによるブラウザ判定方法のまとめ – etc9

No Comments

JavaScriptでOS判定

Posted by specterant on 2012.04.20

はい。タイトル通りです。
私用でコピペできるようにメモです。

ちなみに、あんぽんたん様の「JavaScript サンプル集 & HTMLの基礎」の「OSの判別」を参考にさせていただいたというか、引用させていただきます。

とりあえず、Windows 7、Vista、XPとMac OSの判別を。

var ua = navigator.userAgent;
var win7 = ua.match(/Win(dows )?NT 6\.1/); //Windows 7
var winVist = ua.match(/Win(dows )?NT 6\.0/); //Windows Vista
var winXp = ua.match(/Win(dows )?(NT 5\.1|XP)/); //Windows XP
var macOs = ua.match(/Mac|PPC/); //Mac OS

(function(){
	if (win7) {
		alert("Windows 7");
	}
	else if (winVist) {
		alert("Windows Vista");
	}
	else if (winXp) {
		alert("Windows XP");
	}
	else if (macOs) {
		alert("Mac OS");
	}
}).call(this);

No Comments

皆様ご存知のclearfixについて

Posted by specterant on 2012.04.19

clearfixは、floatした際にその要素がはみ出したり、
背景を指定しているのに表示されなかったりと、
色々問題を解決してくれる優れもの。

で、私は今まで旧タイプ?のを使用していたのですが、
旧タイプ?は、Mac IEやNetScape対策のもがあったらしく
結構長いコードになっていました。

そんな訳で、最近Mac IEやNetScapeに対応しなくても
いいんでないかい…と思い、コードが短くなるなら短い方がええやん…ってことで、
これからは、下記のを使用して行きますよってことでメモ。

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	*zoom: 1;
	/*「*zoom: 1」部分は「/zoom: 1」でもOK!*/
}
詳しくは、下記の参考にさせていただいたサイトを見ていただけたらと…はい。

参考にさせていただいたサイト
いまどき ? いまさら ? clear fix のコード | ヨモツネット
clearfixを検証する – Kamurogi Blog

No Comments