杭州网站开发公司:网站设计之浏览器更新

2018.05.09 杭州网站开发公司

88

谢天谢地,web浏览器将自己最新的。 这么多年,我们杭州网站开发公司不得不依靠用户努力下载新版本被释放。 现在,即使是微软的边缘已经加入了always-in-date聚会。

这不仅是一个天才之举为了安全起见,也有利于设计师希望使用最新的CSS3特性。 这无疑导致了更多的人感到安全使用等功能Flexbox,知道大多数用户更新浏览器支持它。 ,它已经帮助推动CSS网格在生产环境中。


但我们也知道,还有用户运行旧的软件。 令人惊讶的是,NetMarketShareInternet Explorer 11还是第三2017年的常用浏览器列表。 IE 8排名第六,IE 9排在第十。 IE仍然占13%桌面设备的使用。

当然,数量远不及他们曾经是IE时。 但他们仍然足够高时,他们需要考虑建立一个新的网站。 问题是我们如何继续支持老的浏览器,同时使用新特性? 回来我们应该走多远?

停留在过去


杭州网站开发公司

在完美的世界里,设计师希望看到ie淡忘历史的喜欢。 但杭州网站开发公司看起来像它的死亡仍然是一个几年了。便宜的个人电脑和移动网络使用的规模似乎表明,即最终会脱落。 至少这是在消费者类别。

公司仍挂在老版本的Windows,这通常意味着坚持IE。 边只有对于Windows 10。 如果大公司坚持Windows 78,即仍将默认选择。 当然,ChromeFirefox可以使用这些系统。 但这并不一定意味着用户在这些环境中允许安装它们。


但这超出了IE。 最新版本的苹果的Safari不会一些旧的maciOS设备上运行。 看来这里真的会影响移动设计,仍有许多旧iPhone模型。 旅行是第二个使用最广泛的移动浏览器。

考虑到这一点,这意味着我们需要认真对待老版本浏览器。 然而,这并不意味着我们应该犹豫地使用最新的功能。

 

使用最新、最好的后备支持

所以,我们怎样才能实现新功能,同时让设计在老式浏览器中可用的吗? 当涉及到CSS,使用回退的方法可以是一个很大的帮助。 一般来说,回退的代码将允许一种过时的浏览器使用一个可接受的替代我们试图达到的目标。


例如,如果您正在使用Flexbox,有一些可用的浏览器的前缀这将使有限的支持旧版本的Chrome,Safari浏览器,FirefoxIE。 并不是每一个CSS特性会有这种类型的回退,但通常总有一条路在你遇到的任何问题。

进一步支持你去提供另一种选择,它能得到的棘手。 但是当你在各种浏览器版本和测试设备,你可以根据需要调整。


你的工作也可以更容易的帮助工具Modernizr 这是一个脚本,该脚本将检测浏览器支持特定功能和页面添加一个CSS类相应的身体。 您可以利用这个类提供另类风格如果功能不支持在用户的浏览器中。

 

伟大的事情是,在你下载的脚本之前,你可以选择你想要哪些功能检测。 例如,您可以选择寻找帆布等特性,HTML5音频/视频甚至emoji。 这使事情尽可能轻,同时提供一个很大的帮助在确保向后兼容性。

多远?


我们知道我们可以支持遗留的浏览器。 但回来我们应该走多远? 如果你问100个不同的设计师,你可能会得到100种不同的答案。 这是因为,真的不是一个严格的规则,向后兼容性。


就我个人而言,我认为的部分应该是你使用的特性。 功能,FlexboxCSS电网影响布局网站的可用性是至关重要的。 因此,重要的是要为旧系统提供某种回转。 布局和导航应该被认为是太大而不能倒闭

物品时更对美学功能,他们通常可以保持不变。 如果您正在使用CSS3糖果阴影和圆角,它可能是不值得的时间提供替代品。 你的网站应该正如可用的有或没有。

杭州网站开发公司

如果你希望杭州网站开发公司找出哪些浏览器版本应该作为一个分界点,参考上述使用的数字是有意义的。 ,如果你有这种类型的数据网站你工作,那就更好了。 所以,如果你知道仍有游客使用IE8的站点,那么值得确保他们可以访问您的内容。


至于我自己的例程,IE8其实早在我桌面浏览器测试。 我还会看看Safari 6,连同一个随机版本的ChromeFirefox。 通常在移动,我回到安卓47 xiOS设备。 当然,你的需求和喜好可能会有所不同。

 

进化仍在继续


它可能不是太奇怪,遗留浏览器仍在使用。 网页设计师多年来一直黑客通过这个问题。 但比的情况要好得多过去的 人必须处理IE6就可以证明。


随着时间的推移,我们会看到老台式机和笔记本系统移动到回收站。 甚至公司最终用户将必须升级。 自现代浏览器总是被更新,更新系统应该跟上网页设计的进化。

杭州网站开发公司

似乎更有趣的挑战将是老移动设备的支持。 当杭州网站开发公司我们看到用户在连续的升级周期在世界的许多地区,一些仍然使用老式硬件和软件。 所以也许我们回退的重点将是更小屏幕的移动。

无论如何,主要的焦点应该是内容可访问的尽可能多的人。

 


最新案例

联系