我应该针对我的Web应用程序使用哪个最低浏览器或屏幕分辨率?


18

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

  1. 浏览器 -至少应将哪个浏览器定位到
  2. 屏幕分辨率 -哪个屏幕分辨率应至少达到一个目标

为确保应用程序的可用性不受影响


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

1
可以将其移至用户界面stackexchange。
milesmeow 2010年

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

Answers:


8

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

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

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

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

还可以使用其他更一般的统计站点,您可能应该咨询一个范围,以更好地了解整个互联网上的浏览器使用情况和屏幕分辨率。


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

@DisgruntledGoat-好点。最初阅读该页面时,我错过了有关它们的数据的信息。
克里斯·弗里德(ChrisF)2010年

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

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

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

6

我不是以特定的浏览器和分辨率为目标,而是从您希望站点可以被尽可能多的用户使用的假设开始。尝试使内容适应不同的屏幕尺寸,并在所有浏览器中正常工作。就是说,我认为为桌面浏览设置1024x768是安全的。


5

更具全局性的一组统计数据表明1024x768确实是最受欢迎的解决方案,但是用户分布却大不相同。还要注意,他们认为上网本正在帮助您继续800x600前进。

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

一位名叫乔恩·希克斯(Jon Hicks)的网页设计师最近使用它们重新设计了他的网站,然后转到那里并更改浏览器窗口的大小,以查看有关其工作方式的示例。布局从1列到4列,具体取决于您当前的最大视口宽度。

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


2

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


1

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

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

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


1

查看全球浏览器市场份额统计数据

该问题提供了全面的来源列表,以查找全球浏览器市场份额。

以下是StatOwl的 2010年前3大平均值:

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年

@milesmeow糟糕,固定它
埃文鲽

0

http://isie6dead.com/尽管此链接在一周左右之前更加动态,但其存在的意义仍然有效:那里有太多的IE6浏览器,并且可能在下一个十年中继续存在。

对于我自己的个人项目,如果您使用的是IE6,则我不在乎我的网站是否导致猴子从您的后方飞出。对于一项工作,要求可能会有所不同,通常,目标受众越公开且年龄越大,您的网站就越有可能在640x480x4上看到IE6。

没有指定的听众,这个问题不能得到准确回答,而完全忽略了iPhony设备迅速发展的势头。



0

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

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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.