175 6191 5976

添加官方微信

领创时代关于网站建设、青岛画册设计、青岛网站设计的观点和相关新闻 将我们的想法与焦点与你共享

如何避免网站设计中跨浏览器兼容性问题

2019-04-10 来源:小领

你可能正在打包最新的响应式网页设计和视差滚动技巧,但是你的测试中的一个小漏洞可能会看到一大堆潜在用户被锁定在你时髦的新网站之外。因此,为了帮助您并确保您做到正确,以下是您需要做的十件事情,以确保您的网站能够正常运行,但是人们正在关注它。


如果您的代码不是严格有效,则您更有可能在浏览器之间遇到奇怪的行为,因此请使用W3C标记验证服务进行检查,以确保其符合标准。


设计您的网站的前提是并非所有功能都能正常运行。在没有启用JavaScript或样式化的情况下检查它的呈现方式通常是健康的,看看用户是否至少可以根据内容来判断发生了什么。


确保您了解所定位的浏览器和设备。您的网页主要面向移动用户吗?您是否在仍在使用旧版浏览器的公司内工作?相应地测试。


如果您使用完善的框架,无论是样式(例如Bootstrap)还是JavaScript框架(例如Angular或React),通常这意味着其他人已经为您处理了许多跨浏览器兼容性工作。

计算机和电话的插图与'www ...'在屏幕上显示


这看起来很明显,但是您尝试使用的前沿CSS功能越少,您支持所有浏览器的难度就越小。考虑你是否真的需要它们。

这可以从明智地管理CSS类的基础知识开始,到使用Web组件来模块化整个站点。从本质上讲,您必须测试和维护类似更改的位置越少,管理起来就越容易。

如果您知道需要支持Internet Explorer 6,请从此开始。在发现第一个问题之前,您不希望获得90%的测试。

无论您是否自动化,即使对于简单的站点,您也应该定义您希望在每个浏览器中运行的测试集。否则,你最终会在运行之间丢失一些东西。

特别重要的是,如果您正在做一些可能很棘手的事情,请不要等到您完成开发以开始测试。采用迭代方法尽早发现问题。

在使用之前,请在线检查浏览器对新功能的支持,如果您绝对必须依赖不全面支持的功能,请使用功能检测。

版权声明:转载此文章须经 领创时代 同意,并请附上 领创时代 及本页链接http://www.leadnov.com/newsItem.aspx?id=108
创造品牌视觉体验 X 创新IT技术赋能企业
领创帮助您创新品牌战略,让品牌成为最具价值的资产。
中国·山东 青岛市市北区郑州路43号橡胶谷A栋
热线:175 6191 5976
微信:leadnov
Copyright © 2018-2020 leadnov.com 版权所有
鲁公网安备37020302372323
ICP证: 鲁ICP备18056479号

关注领创公众平台

添加官方微信

175 6191 5976