我正在创建自己的网站,其中包括一个技术博客。我想使用HTML5和CSS3等现代技术来构建我的网站。

既然我的网站主要针对程序员和大多数精通技术的用户,那么我是否理应认为这些人将使用现代浏览器?还是应该让我的网站与旧版浏览器兼容,以防万一?

我不想痛苦地调整自己的网站,使其与我认为不会使用的浏览器兼容。

更新:我已经阅读了到目前为止的答案,似乎您错过了有关该问题的重要细节。因此,如果不清楚,请考虑网站的性质来集中回答问题:


我的网站将针对程序员,并且大多数是精通技术的用户。 >

考虑到这一点,我是否理应认为这些人将使用现代浏览器?

评论

与我合作的大多数公司都要求网站与IE7 +兼容。如果用户仍然使用IE6-,那是因为他们对技术兴趣不大。

因此,如果这些用户对技术没什么兴趣,那么为什么他们会来我的网站?

假设99%的阅读技术博客的人都在技术行业并且拥有现代浏览器,并且确切地知道如何使用它,那我会感到放心。

如果他们真的是铁杆技术人员,那么他们可能会使用lynx浏览您的网站:)

#1 楼

将Google Analytics(分析)添加到您的网站并跟踪您的用户

唯一的发现方法是收集有关您的用户群的合理统计信息样本。缺少所有这些只是一个毫无根据的假设。

幸运的是,Google Analytics(分析)绝对跟踪有关浏览器,屏幕尺寸,启用的功能等的所有信息...

目标Internet Explorer之所以称为“低标记”,是因为版本受支持的时间更长。例如,Windows XP支持生命周期要到2014年4月8日才会到期,因此IE 6直到那时都不会消失。

如果统计数据表明只有极少数用户使用IE 6, (或IE 7)可能无法证明支持他们的浏览器所需的努力。

对于较新的HTML5,您可以在网站上添加HTML5 shiv,以获得一些免费的渐进式增强功能,但会限制更高级的功能功能(例如HTML5 File API)添加到网站的私有部分,直到浏览器赶上。

评论


所有好主意。不过,必须要指出一点-我知道你同意这一点-发展一个小而不断减少的人口是浪费时间。

–埃维克·詹姆斯(Evik James)
2012年6月5日在11:59

@EvikJames Yep,要点。我故意让它开放式,因为它取决于上下文。对于像Google这样的大型媒体网站来说,他们拥有大量的资源和庞大的用户群,因此,即使仅为其0.5%的用户群提供浏览器支持,也会产生巨大的影响。相反,如果您经营一个小型网站,而1000个唯一身份访问者中只有0.5%使用旧版浏览器,则可能不值得支持这些资源。引用坎耶·韦斯特的话:“就像小便一样,我想这全都取决于哦”

–伊文·普莱斯
2012年6月6日在16:34



是的,例如,我自己的个人网站上有一个以技术为重点的博客,以及一些家庭照片仍然是IE8的流量的24%,其中IE8的技术含量很高,是最受欢迎的,其次是Firefox,然后是Chrome(现在都自动更新)

–扎夫-本·杜吉德
2012年6月7日18:54

#2 楼

90%或更多的美国人拥有图像,启用了JavaScript,支持CSS和合理的连接。

90%的时间都花在了10%的世界上没有经验的现代网络是浪费时间。

评论


用户的问题是关于CSS,JavaScript和图像的合理使用。这并不是要建立一个在图像和JavaScript延迟加载中隐藏所有文本的网站。

–埃维克·詹姆斯(Evik James)
2012年6月4日19:33

即使搜索引擎驱动了您90%的流量,这些用户中的绝大多数仍将使用现代浏览器并启用javascript。

–stoj
2012年6月5日下午0:04

如果他由于搜索引擎无法阅读他的内容或对他的排名不高而无法排名,那么他就不会有任何访问者担心。

–John Conde♦
2012年6月5日在1:48

@JohnConde为什么搜索引擎无法对我的网站进行排名?这不像我在使用闪光灯...

– marco-fiset
2012年6月5日12:05



就像这里的其他所有人一样,@ JohnConde有意见。他非常博学多才,乐于助人,并通过加入StackExchange提供了出色的服务。我认为他的答案完全适合拥有一批经验丰富的Web开发人员的公司。对于单身博客和有关怪异事物的编码的人来说,这是完全不合适的。

–埃维克·詹姆斯(Evik James)
2012年6月5日12:06

#3 楼

假设:


JavaScript将被关闭
将不支持CSS3
图像将被禁用
用户连接将变慢

我知道这不是您想听到的,但是作为Web设计师和开发人员,这就是我们面临的现实。不仅会有用户使用较旧的浏览器,而且有些用户会更改其浏览器上的设置以更改其默认行为(例如,关闭JavaScript)。

您也不会忘记像搜索这样的机器人引擎,这些引擎对CSS和JavaScript的支持会有所不同并且受到限制。另外,一些用户将使用屏幕阅读器,而该屏幕阅读器在支持最新技术方面出了名的落后。

听起来很容易实现上述所有功能。渐进式增强是Web设计和开发的基本原理,它使您可以使用网站上的最新功能和最强大的功能,同时仍支持尚未完全解决所有问题的浏览器和用户。

评论


您可能还说,网站应该为没有互联网访问权限或没有计算机的人们设计。

–埃维克·詹姆斯(Evik James)
2012年6月4日19:22

@Evik我认为这不是答案的重点。关键是您应该从一些基本且易于访问的内容入手,您的<10%至少将能够使用您的内容。然后建立起来,使90%的人看到很棒的东西。

–心怀不满的山羊
2012年6月4日23:10

@WernerCD,原始帖子是关于单个用户写博客的。您是否建议他采用StackOverflow采取的相同方式并雇用一组人员,或者他了解每个浏览器的细微差别?他应该花时间在博客上,而少花时间在编码上。

–埃维克·詹姆斯(Evik James)
2012年6月5日12:01

@WernerCD程序员更可能安装了诸如NoScript之类的插件,该插件会关闭Javascript,以避免出现“繁琐”的页面。

–心怀不满的山羊
2012年6月6日9:41

@Werner我认为“假设没有CSS / JS”可能是错误的解释方式。它更多的是从扎实的HTML基础开始,然后再与CSS和JS相结合。如果在较旧的浏览器中CSS / JS碰巧存在一些错误,则该站点仍将正常运行。从这个意义上讲,您现在可以假定使用的是现代浏览器,并且可以在较旧的浏览器中放弃测试,因为它知道这对于5%的用户可能不会造成严重影响。

–心怀不满的山羊
2012年6月6日19:02

#4 楼

确保您的主页至少在可以合理支持的每种环境下都能正常运行。如果特定页面需要不受广泛支持的技术,请在指向它们的链接中明确指出(不需要在链接和图像上使用任何令人讨厌的文字,titlealt文字就足够了)和页面本身(例如,添加一个小标题-当/如果您能够检测到存在的功能,可能会隐藏起来。)

还请确保在不存在/未启用所需技术时,确保页面正常降级。 。即使您的访问者精通技术,即使您页面中的某些内容不起作用,但没有迹象表明缺少什么,他们也可能不会再去寻找它(除非他们真的很感兴趣,这不是问题所在)假定)。 OTOH,您不必提供有关如何启用缺少的内容的详细说明,只需说明需要启用的功能对于该受众来说就足够了。

更新:我想更加强调关于个人修订的最后一点:作为具有安全意识的用户,我始终在启用NoScript的情况下进行浏览。例如,当我访问有视频的网站时,发生以下情况之一:


视频有一个占位符,单击它足以取消阻止它;
有一个占位符,但单击还不够-还有一个域需要取消阻止(通常是CDN),尽管命名不一致,但通常会适当地命名(dailymotion.com/dmcdn.net、youtube.com/ytimg.com ,metacafe.com/mcstatic.com);
没有占位符,视频是通过JavaScript添加的,或者没有静态设置widthheight,有时甚至根本没有提示页面有视频。可能会完全错过;
该视频取决于某些随机广告服务器,因此仅对最明显的域进行解锁并不足以显示该视频。如果我真的很感兴趣,我可以继续取消对每个其余域的屏蔽(以名称变暗的顺序排列),有时会出现以前不存在的更多域的影响,直到视频正常播放或我放弃。

这只是为了说明即使您假设使用现代浏览器和精通技术的用户也可能发生的一些问题。您无需全力以赴,以确保您的站点可以在其中进行所有可能的配置,但是即使在这种情况下,也必须存在一些故障保护元素,这一点很重要。

评论


“请确保至少您的主页在可以合理支持的每种环境下都能正常运行。”这很有道理。

–埃维克·詹姆斯(Evik James)
2012年6月4日19:28

#5 楼

我认为John Conde提出的观点只是因为他们是技术人员,所以您不能假设他们使用的是现代浏览器。话虽如此,我倾向于同意埃维克·詹姆斯(Evik James)的观点,即OP需要在为更广泛的受众编写站点代码或开始撰写博客之间找到平衡。如果他想在某个时候通过该网站获利,那么我想他应该遵循渐进式增强和响应式设计的理念,因为从移动设备(和精简版IE6!)开始并逐步构建自己的方式会更容易向上。但至少,OP应该通过Lynx浏览器运行其站点,以查看其站点对屏幕阅读器或搜索引擎蜘蛛的外观,并确保可以关闭图像,CSS和javascript来查看所有内容。然后,将所有真正酷炫的东西留给现代浏览器,而不必担心IE6中似乎有些不合时宜或无聊的外观。

评论


如果我在命令提示符下,则可能使用w3m,lynx或任何可用的文本浏览器。

–BillThor
2012年6月5日14:54

#6 楼

我认为您应该假设他们使用的是基于您目标市场的现代浏览器。保持浏览器使用情况的标签,如果有大量的人正在使用较旧的浏览器,则进行兼容性更改。

评论


对我来说,这听起来像是个好主意,也是我会做的方式。

–埃维克·詹姆斯(Evik James)
2012年6月5日在11:57

听起来像优雅降级,您应该阅读这篇文章:dev.opera.com/articles/view/…

–托马斯·拉米雷斯(TomásRamírez)
2012年6月5日22:37

#7 楼

您应该阅读渐进式增强功能,以支持大多数用户并利用浏览器的功能。响应式设计是支持大部分设备的另一个重要主题(如今,很多人使用移动设备)。另一方面,还有很多库,例如Modernizr,样板文件,explorercanvas可以帮助您解决此问题。

评论


您提出了自己的要点,并且使网站对所有人的兼容性达到95%甚至相当不错,这相当容易。我在上面指出的一点是,为最小公分母需要花费很多时间。

–埃维克·詹姆斯(Evik James)
2012年6月5日在11:57

我明白你的意思了...但是所有人都应该知道这一点:D

–托马斯·拉米雷斯(TomásRamírez)
2012年6月5日22:21

#8 楼

实际上,您的目标受众将是程序员等,因此我仍然不会假设,因为他们从技术上讲会在他们的计算机上拥有最新的东西。决定程序员/技术人员在计算机上使用什么的是个人推理,而不是专业思维。

例如,程序员可能偏执狂,不允许在计算机上启用Java。

无论如何,互联网是向所有人开放的,而不是深入各个领域。建立网站,以便任何人都可以访问。永远不会知道,一位精通技术的程序员可能会中断计算机,因此他们只能使用运行Internet Explorer 7和Windows XP的母亲PC卡住。