你的网站应该支持哪些浏览器?

  • A+
所属分类:搜索引擎

最常用的浏览器是什么?

 

排名前十的桌面浏览器StatCounter2017年5月:

  1. 铬-59.37%的市场份额
  2. Firefox-12.76%
  3. 狩猎-10.55%
  4. IE-8.32%
  5. 边缘-3.42%
  6. 歌剧-1.99%
  7. Android(平板电脑)-1.24%
  8. Yandex浏览器-0.48%
  9. UC浏览器-0.41%
  10. COC Coc-0.33%

移动网络现在占所有网络使用的54.25%因此,我们还需要检查十大手机浏览器:

  1. 铬-49.23%
  2. 狩猎-17.73%
  3. UC浏览器-15.89%
  4. 三星互联网-6.58%
  5. 歌剧-5.03%
  6. Android-3.75%
  7. IEMobile-0.68%
  8. 黑莓-0.26%
  9. 边缘-0.15%
  10. 诺基亚-0.12%

世界各地的统计数字并不能说明全部情况:

  • 各地区的模式差别很大。例如,Yandex是使用最多的俄罗斯浏览器(占12.7%)。搜狗是中国第三大浏览器(6.5%)。Opera Mobile/Mini在非洲拥有28%的份额。
  • 定期出现新的浏览器版本。Chrome、Firefox和Opera每隔六周就会收到更新一次;检查几个月前的版本是不切实际的。
  • 相同的浏览器可以在不同的设备和操作系统上不同地工作。Chrome适用于各种版本的Windows、MacOS、Linux、Android、iOS和ChromeOS,但并不是所有版本都是相同的应用程序。
  • 在包括游戏机、电子书阅读器和智能电视在内的一系列设备上,都有一条非常长的老浏览器和新浏览器的尾巴。
  • 你的网站的分析永远不会与全球统计数据相匹配。

浏览器有那么不同吗?

尽管应用程序种类繁多,但所有浏览器都有相同的目标:呈现网页...他们通过渲染引擎实现了这一点,并且有一些交叉授粉:

  1. WebKit用于MacOS和IOS上的Safari。
  2. Blink是Webkit的一个分支,现在用于Chrome、Opera、Vivaldi和Brave。
  3. 壁虎用于火狐。
  4. 三叉戟在InternetExplorer中使用。
  5. EdgeHTML是对Edge中使用的三叉戟的更新。

大多数浏览器都使用这些引擎之一。它们是具有不同团队的不同项目,但公司(主要是)通过W3C进行协作,以确保每个人都以相同的方式采用新技术。浏览器比以往任何时候都更接近,现代智能手机应用程序与桌面应用程序是匹配的。

但是,没有两个浏览器以完全相同的方式呈现。大多数差异是微妙的,但随着你走向尖端技术,它们变得更加明显。一个特定的特性可以在一个浏览器中完全实现,在另一个浏览器中部分实现,而在其他地方不存在。

我的网站能在每个浏览器中工作吗?

是。累进增强(PE)等技术建立了一个基线(可能仅限于HTML),然后在支持可用时使用CSS和JavaScript进行增强。最近的浏览器获得了现代布局,动画效果和交互式小部件。古浏览器可能只会得到未样式化的HTML。其他的东西都能从中得到一些东西。

对于具有基本表单功能的内容站点和应用程序,Pe工作得很好。当您转向具有丰富自定义接口的应用程序时,它就变得不那么实用了。你的新合作视频编辑应用程序不太可能在十年前的IE7中工作。它可能无法在3G网络上的小屏幕设备上工作。也许可以提供另一个接口,但结果可能是一个单独的、笨重的应用程序,很少有人会想要使用。考虑到遗留浏览器用户的规模,成本将是令人望而却步的。

地盘业主建议

网站所有者应了解以下的基本原则和网站的限制。

网络不是打印出来的!
你的网站/应用程序不会在任何地方看起来都一样。每个设备都有不同的操作系统、浏览器、屏幕大小、功能等。

功能可以不同
您的网站可以为每个人工作,但经验和设施将有所不同。即使是像日期输入字段这样的基本内容,也可以有各种各样的可能性,但理想情况下,核心应用程序仍然是可操作的。

评估您的项目
现实点。这是一个内容网站,一个简单的应用程序,一个类似桌面的应用程序,一个快速行动的游戏等等。建立一个基本的浏览器兼容性水平。例如,它必须在大多数2年前的浏览器上工作,屏幕宽度为600像素,通过快速Wi-Fi连接。

评估你的听众
不要依赖全局浏览器统计数据。谁是主要用户?他们是新手还是高度技术性的?是个人、小公司还是政府组织?他们是坐在桌子旁还是在移动?没有应用程序适用于每个人--首先集中精力于核心用户。

在可能的情况下检查现有系统的分析,但欣赏底层数据。如果您的应用程序无法在Opera Mini中工作,您不太可能有Opera Mini用户。你们是否封锁了很大一部分市场?

变化会发生
令人惊讶的是,20年前编码的网页今天起作用了。它不一定漂亮或可用,但浏览器仍然向后兼容。(主要是。这个

1
<blink>

标签可以死!)然而,技术在不断发展。您的站点或应用程序越复杂,它就越有可能需要持续的维护。

Web开发人员建议

只要稍加小心,就可以支持各种各样的浏览器。

拥抱网络!
网络是一个与设备无关的平台。内容和更简单的界面可以在任何地方工作:现代笔记本电脑、功能电话、游戏控制台、IE6等等。即使您选择不将其用于完整的应用程序,也会有一些功能变得非常宝贵。

采用防御性开发技术
在找到最近的预编写模块、库或框架之前,请考虑这个问题。在你开始之前了解这项技术的后果。框架应该提供浏览器支持列表,因为它们已经在有限数量的应用程序中进行了测试。

了解浏览器的限制和怪癖。例如,如果您正在考虑SVG图表,请注意,它在IE9到11中看起来可能很奇怪,而在IE8和更低的版本中则会失败。这并不意味着它是拒绝SVG或放弃IE支持的二进制选择。总有一些妥协不会引起重大发展。例如:

  • 接受SVG呈现是很奇怪的,但是它仍然是可用的。
  • 仅在IE中显示数据表,或
  • 提供一个SVG下载,IE用户可以打开其他地方。

早测试,常测试
你不可能测试每一个设备,但是为一个浏览器开发是徒劳的。

在各种应用程序中不断测试您的项目。把测试留到最后会带来灾难性的后果。我们很容易将错误归咎于工具和浏览器的不足,但如果早期发现大多数问题,则可以在开发过程中纠正这些问题。

这并不是说,每一次在每个浏览器中,一切都必须完全相同。特征回归是不可避免的。例如:

  • 进步的网络应用程序在iPhone和iPad上不离线工作--但在线操作很好。
  • IE中不支持CSS网格,但是浮动、柔性盒或全宽度块回退应该是可以接受的。
  • 火狐的桌面版没有显示日期字段的日历,但用户仍然可以输入日历。

在您的开发PC上安装一些浏览器。Mac和Linux用户可以在developer.microsoft.com/microsoft-EDGE/...Windows和Linux用户更难测试Safari;在线测试服务如BrowserStack是最简单的选择。

现代浏览器具有优秀的移动仿真功能,但使用一些真正的设备来欣赏触摸控制和在速度较慢的硬件和网络上的性能。

在您的终端使用HTTPS

Web正在逐渐将HTTPS作为首选协议,这一趋势将继续下去。谷歌Chrome甚至开始指出,非HTTPS网站是不安全的,这是一个很好的理由,你可以配置你的网站使用HTTPS。我们的网络托管伙伴,地面例如,它使他们的客户很容易转移到HTTPS。为此,他们自动化了为所有新WordPress帐户加密SSL证书的安装,对于现有帐户,只需单击一下就可以切换到HTTPS。

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: