在网上看到有很多主页上有这样的提示:建议您采用IE4。0使用800×600分辨率浏本网页。其实在网页里的主体部分即和之间找个合适的位置,加上十分简单的一小段JavaScript语句就可以侦测到浏览者所使用的浏览器种类,分辨率,色彩度并提出建议,以使浏览者的浏览环境符合本站的最佳浏览环境,岂不更好。这里所介绍的侦测屏幕分辨率和颜色数的JavaScript源码可是别的地方找不到的,不可错过哟!
一:侦测浏览器种类和版本
<script language="JavaScript1.2" >
<!--
document.write("您使用的浏览器是"+navigator.appName+" "+navigator.appVersion);
//-- >
</script >
二:侦测浏览器种类、版本并进一步判断浏览者的浏览器是否符合您站中的最佳浏览环境,同时提出相应的建议
<script language="JavaScript1.2" >
<!--
var vn="Microsoft Internet Explorer";
var va=4;
if(navigator.appName!=vn||parseInt
(navigator.appVersion)〈 va);
document.write("您使用的浏览器是"+vn+" "+navigator.appVersion);
if(navigator.appName!=vn)document.write
(",建议您改用 "+vn+" 浏览以得到最好的浏览效果。");
else
if(parseInt(navigator.appVersion)〈 va)document.write
(",版本太旧了!建议您尽快更新您的浏览器。");
else document.write(",符合本站最佳浏览环境。");
//-- >
</script >
---- 说明:语句“var vn="Microsoft Internet Explorer";”是设定最佳浏览器名称。
---- 语句“ var va=4;” 是设定浏览器版本下限,请根据您的实际情况设定。
三:侦测屏幕分辨率,并提出最佳浏览建议
<script language="JavaScript1.2" >
<!--
var s=800;
if(screen.width!=s);
document.write("您的屏幕分辨率是"+screen.width+" * "+screen.height);
if(screen.width!=s)document.write
(",并非最佳分辨率,建议您将屏幕分辨率调整为800*600浏览本页。");
else document.write(",符合本站最佳浏览环境。");
//-- >
</script >
---- 说明:语句“var s=800;”设定最佳浏览屏幕分辨率的宽度,请根据您的实际情况设定。
四:侦测浏览者屏幕色彩度,并提出最佳浏览建议
<script language="JavaScript1.2" >
<!--
var c, cv=16;
if(cv!="Netscape")c=screen.colorDepth;
else c=screen.pixelDepth;
var cs=c;
if(c==4)cs="4 位 16 色";
if(c==8)cs="8 位 256 色";
if(c==16)cs="16 位增强色";
if(c >16)cs=cs+" 位真彩色";
if(c〈 cv);
document.write("您的屏幕色彩度是 "+cs);
if(c〈 cv)
document.write(",太低了!本站的背景很难看,请将色彩度调整为16位增强色浏览本页。");
else
document.write(",符合本站最佳浏览环境。");
//-- >
</script >
---- 说明:语句“cv=16;”设定最佳色彩度的下限,请根据您的实际情况设定。进入讨论组讨论。