首页 | 互联网 | IT动态 | 网络设备 | 服务器 | IDC | 安全 | Cisco | Windows | Linux | Java | .Net | Oracle | CIW | 华为 | 专题
IT技术 | 网页设计 | 平面设计 | 电子书下载 | 教学视频 | 方案 | 数字网校 | 直播室 | 虚拟考场 | 面授培训 | 搜索 | 博客 | 沙龙 | 论坛
 Dreamweaver | Flash
 Fireworks  | Frontpage
 HTML/CSS  | Javascript
 Photoshop  | CorelDraw
 AuotoCAD   | Illustrator
 Freehand
 3DMax    | Authorware
 Director   | Maya
 PP点点通 | 迅雷 | BT
 eMule | FlashGet | Nero
 Ghost | Outlook | IE
 Maxthon | Office
 QQ | MSN | 网易泡泡
 Skype | 雅虎通 | 新浪UC

最新文章

您现在的位置: 中国IT实验室 >> 网页设计 >> Javascript教程 >> 文章正文


网页侦测四法


网页教学网  2006-4-17  佚名  保存本文  推荐给好友  收藏本站


◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

    在网上看到有很多主页上有这样的提示:建议您采用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;”设定最佳色彩度的下限,请根据您的实际情况设定。

【责编:Yoyo】


 相关文章  推荐文章
dreamweaver制作圆角表格
JavaScript实现变色表格特效
JavaScript实现表格特效
JS特效围绕图片疯狂旋转的花朵
JS特效跟随鼠标的图片
js特效点击会变色哦!!
JavaScript加密解密的实现方法
减轻JavaScript测试和调试负担
未知高度的非表格垂直对齐
JavaScript的9个陷阱及评点
  文章评论