今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐网页侦测四法,希望大家看完后也有个好心情,快快行动吧!
【 tulaoshi.com - Web开发 】
在网上看到有很多主页上有这样的提示:建议您采用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+" 浏览以得到最好的浏览效果。");elseif(parseInt(navigator.appVersion)〈 va)document.write(",版本太旧了!建议您尽快更新您的浏览器。");else document.write(",符合本站最佳浏览环境。");//-- /script
---- 说明:语句var vn="Microsoft Internet Explorer";是设定最佳浏览器名称。
---- 语句 var va=4; 是设定浏览器版本下限,请根据您的实际情况设定。
三:侦测屏幕分辨率,并提出最佳浏览建议
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)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;设定最佳浏览屏幕分辨率的宽度,请根据您的实际情况设定。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)四:侦测浏览者屏幕色彩度,并提出最佳浏览建议
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位增强色浏览本页。");elsedocument.write(",符合本站最佳浏览环境。");//-- /script
---- 说明:语句cv=16;设定最佳色彩度的下限,请根据您的实际情况设定。
来源:http://www.tulaoshi.com/n/20160219/1615522.html