三月 13th, 2019

网站浏览器之间的差异很容易被忽略,目前全世界有数百个浏览器平台和版本在使用,以满足不同的设备和无数的操作系统。一些浏览器具有特定的属性,目的是将它们与竞争对手区分开来,而另一些浏览器则是开源的,这意味着任何人都可以根据个人喜好或需求修改核心浏览器功能,但这可能会影响可用性和兼容性。以下是目前使用的一些主要平台:

谷歌浏览器:目前是世界领先的网络浏览器,也是chromebooks降价的唯一选择。

Edge:微软ie浏览器的替代品是专为Windows 8和Windows 10设计的。

Safari:苹果的内部浏览器,以及OS X或ios设备上的默认选项。

Firefox:Mozilla创造了世界上最受欢迎的开源浏览器,而Pale Moon则是Firefox的衍生产品。

Opera:挪威Opera公司的同名软件也有Touch和Mini版本,与Firefox一样,它也兼容Windows、OS X和Linux机器

Tor:洋葱路由器由美国军方联合开发,随机分发数据包,以防止浏览器活动被追踪。

SeaMonkey:SeaMonkey是上世纪90年代互联网先驱网景公司(Netscape)的后裔,也是一个免费的开源平台。

Internet Explorer。上一个版本是6年前发布的,但微软标志性的IE浏览器仍然占据着美国浏览器市场7%的份额。

每个浏览器都有其开发人员编写的独特功能和兼容性代码,并且随着新版本的发布而不断发展。这种编程决定了内容的显示方式,对相同的指令应用不同的解释。特定浏览器的3.9版可能以3.8版用户不熟悉的方式呈现视频内容,同时也可能出现操作系统冲突或屏幕分辨率问题。字体特别容易呈现不一致,特别是在它们是专有的或很少使用的情况下。要计算现有的硬件、软件和网络浏览器组合的数量是不可能的。因此,不同的终端用户的网站外观可能会有很大差异。无论你是专业设计师还是WordPress新手,在实现一致的网站外观方面都存在一个问题。想象一下,如果Opera中的一个字体翻译问题意味着标题与其下的正文重叠,或者Internet Explorer过时的编码阻止了MKV文件的打开。如果不坚持相当一般的内容和页面布局,就不可能确保每个站点访问者都获得相同的体验。

规范网站外观的方法,任何程序员或开发人员都可以利用以下几种技术来降低网站外观受到终端用户软件选择不当影响的风险:

最小化形式。这些都是网络设计中最不稳定的元素,因为不同的浏览器和操作系统以不同的方式解释文本框。用于完成表单字段的按钮也是如此。

避免静态维度。在当今以手机为导向的时代,很少有人会严格地设计出分辨率为1024×768的网页。将一个页面的宽度设置为100%,而不是一个特定的像素数,应该可以确保一个响应性更好的网络设计。

使用测试服务。像BrowserShots.org这样的网站通过数百个浏览器平台和版本运行URL请求,显示缩略图结果。这标志着关键的外观变化,虽然利基平台可能报告错误消息,这标志着关键的外观变化。

在尽可能多的浏览器上进行Beta测试。在发布之前,请朋友、同事和值得信赖的同伴尽可能多地在设备上浏览网站。他们可能会发现老款亚马逊kindle或新款黑莓手机的问题。此外,关于网站相关的内容,有兴趣的朋友可以更多了解 搭建网站需要了解哪些具体内容。

发表评论

电子邮件地址不会被公开。 必填项已用*标注