网页侦测四法

网页

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

时间: 2024-08-30 08:27:06

网页侦测四法的相关文章

注意:XHTML和HTML网页首先声明语言信息

xhtml|网页 当我开始XHTML 1.1的时候,我一直不知道应该在xml:lang上写什么好,我想使用中文,它的值是zh.zh-cn/zh-CN还是gb2312/gbk/gb18030或者utf8?通常遇到问题我都优先Google中文,无奈也是找不到答案.看到一些权威的网站上使用gb2312,我还差点相信了,但根据我使用Linux中设置语言的经验,我直觉告诉我这是错误的.于是开始了把范围缩小到W3C中去Google,找到了Tutorial: Using language informatio

网页设计师指引:当前的网页设计趋势

文章描述:设计师和开发者都需要和市场接轨并跟上潮流的脚步,但是所谓的潮流是当下的,未来确是未知的.我们的确需要保证自己不被行业趋势甩到队尾,但更重要的是在浪潮中适应和学习. 技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧.我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.希望这

网页播放技术的超炫应用实战解析

网页     谱乐专栏是谱乐关于网页播放器的一个系列专题讲座,谱乐视听作为网页播放器的门户网站,必将以最好最全的原创作品奉献与大家.大家在阅读的时候,应该按照发表时间的先后顺序.因为她是一个循序渐进的教案,顺序研究有助于尽快提高你的理解与消化.懂的地方仔细读,不懂的地方硬着头皮读,同时也请大家多提宝贵意见.现在言归正传.     想让你的论坛(网页)超眩超酷吗?想让你的论坛(网页)生动活泼吗?使用谱乐的网页播放器吧.下面谱乐向大家郑重推荐三款,均是经典案例,先切身感受一番如何.     第一款:

浏览器强行以IE7的文档模式展示我们的网页

 有时候由于浏览器的问题我们在IE7中开发的东西需要在IE9中展示 但是会出现兼容性的问题. 那么我们可以同技巧将用户端的浏览器强行以IE7的文档模式展示我们的网页  下面是针对iis asp.net程序来说的!  1.在每个需要加的页面中添加 <head runat="server" id="Head1">     <meta http-equiv="X-UA-Compatible" content="IE=Emul

javascript框架设计之浏览器的嗅探和特征侦测

浏览器的嗅探现在已经不推荐了,但在某些场合还是需要的.比如一些统计脚本.在标准浏览器里,提供了document.implementation.hasfeature,可惜有bug,不准确,目前,w3c又推出了CSS.supports方法,显示出大家对这块的关注. 1.判定浏览器. 主流的浏览器有ie firefox opera chorme safari 早期这些框架都是通过navigator.userAgent进行判定,目前国外的浏览器几乎都是可以判定的. 关于浏览器的判断脚本,jQuery已经

当下网页设计趋势

  1.响应式网页设计(Responsive Web Design) 现在越来越多用户都拥有多种终端:台式机,笔记本,平板电脑,手机,能够适应不同尺寸显示屏的网页是现在的潮流,甚至是未来很长一段时间的设计趋势.那么响应式网页设计就是来解决这个问题的.这种特别的开发方式能保证网页适应不同的分辨率,让网页要素重组,使其无论在垂直的平板电脑还是智能手机上,都能达到最好的视觉效果. 除了多终端的多样化,我们还可以看到我们的电脑屏幕,手机屏幕都在不断变大,而在对未来生活的预测.概念设计里,"屏幕"

当下最热门的网页设计趋势总结

  技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧. 我不敢大言不惭的说这就是网页设计的必然趋势,这只是本人对当下网页设计做出的一些小总结.希望这样的归类总结能给你带来更多的思路和想法. 01. 响应式网页设计(Responsive Web Design) 现在越来越多用户都拥有多种终端:台式机,笔记本,平板电脑

浅谈当下网页的大致趋势和风格

技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧.我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.希望这样的归类总结能给你带来更多的思路和想法.1.响应式网页设计(Responsive Web Design) 现在越来越多用户都拥有多种终端:台式机,笔记本,平板电脑,手机,能够

2016年新鲜出炉的20款网页开发工具推荐

  越来越多的移动端和桌面端应用开始使用HTML.CSS和JS来开发了,而网页设计 更是离不开这些语言.正是这种局面使得许多新的网页技术成为了可能,也催生了许多诸如React.js.Angular和Node.js这样的库.随着需求和项目的细化,开发者社区几乎每天都会有有开发者放出新的库和开发工具. 进入新年,我们推荐过设计素材,聊过设计趋势,推荐了许多酷站 ,这次的文章将会推荐20款最新的实用开发工具,为各位前端和后端开发者来点干货.这20个网站中,包含了开发框架.插件.生产力工具.应用程序,还