在决定客户端计算机上的Web应用程序的最低要求时:




浏览器-哪种浏览器应以最低限度为目标

屏幕分辨率-至少应将哪个屏幕分辨率作为目标

,以确保应用程序的可用性不会受到损害

评论

投票关闭为离题主题:请参阅meta.webmasters.stackexchange.com/questions/144/…

可以将其移至用户界面stackexchange。

可以,但是可能不应该。屏幕分辨率在技术上与UI有关,但也与可访问性和平台支持有关。这是一个问题,大多数网站管理员将从业务角度而不是从UI设计角度更感兴趣。

#1 楼

W3Schools(例如)在浏览器显示上有一些统计信息。截至2010年1月:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%


较高的数字链接到新表格。从图中看来,1024x768是有效的最低屏幕分辨率。但是,您应该记住,并非每个人都以全屏模式运行其浏览器。

还有一个“浏览器统计信息”页面。浏览器按版本细分(例如Firefox)。对于诸如Firefox和Chrome之类的浏览器,似乎大多数都在使用最新(非beta)版本。我怀疑这是因为它们会自动更新。

还可以使用其他更通用的统计网站,并且您可能应该参考一下范围,以更好地了解互联网上的浏览器使用情况和屏幕分辨率。整体。

评论


您应该注意,作为技术站点的w3schools不能代表整个网络(尤其是浏览器统计信息)。

–心怀不满的山羊
2010年7月21日在23:22

@DisgruntledGoat-好点。最初阅读该页面时,我错过了有关它们的数据的信息。

– ChristF
10年7月22日在9:03

由于我没有自己站点上的样本量来进行自己的分析,而且我懒于为屏幕分辨率寻找准确无偏的数据,因此我只是对网络上最大的站点进行了调查-或共享我的受众特征的最大网站。我认为Google,Amazon,Yahoo等可能在此类可用性研究上花费了大量资源,因此无需重复努力。另外,如果这对您来说是一个重要的受众特征,那么我将为移动设备使用单独的门户/电子表格。

–Lèsemajesté
2010年9月2日,下午4:57

问题在于这些统计数据通常是自我选择的。 W3Schools是一个固定宽度的站点,宽度约为1000像素。如果我有一个800x600的显示器(或800x480的上网本),我也不会访问它。

–robertc
2010年9月2日,10:25

这就是为什么应该查看人们负担不起的站点。

–Lèsemajesté
2010年9月2日,12:04

#2 楼

我不是以特定的浏览器和分辨率为目标,而是假设您希望自己的网站可供尽可能多的用户使用。尝试使内容适应不同的屏幕尺寸,并在所有浏览器中正常工作。话虽如此,我认为可以安全地将1024x768用于桌面浏览。

#3 楼

更广泛的统计数据表明,1024x768确实是最受欢迎的分辨率,但是用户分布却大不相同。还要注意,上网本可以帮助800x600挂起。

在现代浏览器中,您可以使用Media Queries定位目标范围。他们很棒。假设您不关心IE,尽管IE9承诺会支持它们。条件注释可用于向IE发送最低的公共分母分辨率,或JavaScript可用于动态加载样式表。在我看来,通过JavaScript动态加载CSS是一个糟糕的主意。

一位名叫Jon Hicks的网络设计师最近使用它们重新设计了他的网站,然后去那里更改浏览器窗口的大小以查看示例他们如何工作。布局从1列到4列,具体取决于您当前的最大视口宽度。

媒体查询使您不必强调“我的网站会支持iPhone和iPad吗?”之类的事情。或“如何确定X设备的屏幕尺寸以保持可用性?”。您只需要为要支持的屏幕大小构建设计,媒体查询就会处理其余的工作,具体取决于用户到达那里时的浏览器。

#4 楼

您可以根据有关分辨率使用情况的最新统计信息来做出决定。如果需要通用编号,则可以从Net Applications中找到一些通用编号,如果需要精确的数据,则可以在网站上使用Google Analytic。

#5 楼

您需要做的第一件事是确定将使用您的Web应用程序的目标人群。例如,如果您定位到主要是美国/欧洲富裕的受众群体(例如销售高端产品或高科技杂志网站),那么您的要求将与完全不同,例如,制作网络广告,该应用程序针对的是老年人,欠发达国家等的地区,这些地区的旧PC和低分辨率仍然占主导地位。我从经验中知道,例如,英国的许多地方政府客户仍然(可耻地)使用IE6作为唯一的浏览器,如果它们是您的客户,这可能是一个主要因素。

考虑到许多人在移动设备上访问网站-智能手机,上网本,平板电脑等。这些可能具有“奇怪”的分辨率,或者具有更高比例的Safari,Chrome和Opera Mobile等浏览器用户。他们也可能具有不同的可访问性要求,或者可能需要不同的样式表。

最好的方法之一是使用Google Analytics(分析)(可能来自现有网站)来确定您的实际受众。然后,您可以获取实际数字以查看浏览器故障和分辨率故障,这将帮助您确定最适合自己的产品。

#6 楼

查看全球浏览器市场份额统计信息

此问题提供了查阅全球浏览器市场份额的全面信息来源。

以下是StatOwl的2010年前三项平均值:

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%


以下是网络应用程序在2010年的前3名平均值:

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 


根据数据,您的最低分辨率应为1024x768,但这也要取决于您的受众特征。

如果您的网站面向的是更多企业用户,请坚持使用800x600。许多公司网络仍使用Windows 2000运行非常老旧的硬件。如果这是您要针对的用户群,则使用屏幕分辨率的“当前规范”可能会使您的受众疏远。

评论


我认为您的意思是1024x768?

– Milesmeow
2010年9月2日,下午5:01

@milesmeow哎呀,解决了

–伊文·普莱斯
2010-09-12的1:43

#7 楼

http://isie6dead.com/尽管此链接在一周左右之前更加动态,但其存在的意义仍然有效:那里有太多的IE6浏览器,并且可能在下一个十年继续存在。 br />
对于我自己的个人项目,如果您使用的是IE6,则我不在乎我的网站是否导致猴子从您的后方飞出。对于一项工作,要求可能会有所不同,并且通常来说,目标受众越公开且年龄越大,则您的网站在640x480x4上看到IE6的可能性就越大。

如果没有此问题,就无法准确回答此问题。指定的受众群体,而完全忽略了iPhony设备的迅速发展。

#8 楼

如较早的帖子中所述,Wikipedia关于浏览器市场份额的文章综合了来自6个主要来源的信息,并且统计数据可能最有效地决定了哪些是重要的浏览器。

#9 楼

网站内容也值得考虑。例如,如果您要为遇到视频卡或显示器问题的人提供技术支持论坛,则可能希望它以640x480的尺寸可用。

如果您的许多用户年龄较大或其他原因,视力较弱,它们可能具有高分辨率的屏幕,但字体非常大,因此您需要考虑这一点。