网站的兼容性出现的问题与分析
网站的浏览器兼容问题,对于网站优化来说非常重要,如果网站的兼容性不行,,对于网站的用户体验度影响非常大。在网站建设的时候就要充分考虑到这个问题并解决这个问题。不然会带来许多不好的影响。

1、网站兼容性影响到网站加速载速度
用户体验度第一关就是网站加载速度,如果一个网站在一个浏览器上加载速度是正常的,秒开;但在另外一个浏览器上却迟迟不能打开,每次打开都需要花上几十秒甚至是几分钟。那这样就不行了,用户不知道这个网站需要用什么浏览器打开的,只管自己方便就用哪个浏览器。如果刚好是用了不兼容的那个浏览器打开网站,那么没等到网站打开,用户都已经等不耐烦关闭掉网站了,你就永远失去了一个潜在客户了。

2、网站的兼容性影响网站的功能
这个是对于用户和网站运营维护人员来说都是有影响的,不同的浏览器,有些网站功能可以使用有些则不行。例如是网站的搜索功能,在某浏览器,用户可以通过网站的搜索框搜索到自己想要的内容,在另外一个浏览器则不能使用该功能。另外网站后台的维护,有时候,在某一浏览器上更新编辑时,发现很多的编辑框加载不出来,这样是非常影响后期网站的维护工作的。所以在网站建设的时候就需要注意好这个问题。

3、网站兼容问题还会影响到网站页面的显示
有时候我们在某一浏览器打开网页的时候发现网站页面显示不完整或者是拉伸缩短等变形问题,而在另外一个浏览器上却没有出现这种问题。这都是网站的兼容问题,网站建设时候没有考虑到浏览器的内核上是否都能兼容。你可知道,网站页面的显示也是直接影响到用户体验的。

网站的兼容性问题影响到后期的网站优化和运营,所以在网站建设的时候就要充分考虑好、注意好兼容性问题,提高网站用户体验度,才能赢得用户和搜索引擎的喜爱。

大多数网站设计在网站兼容方面做的不够好,为什么呢?

2017年,如果说你的网站仍然停留在只是Google、百度等PC浏览器打开无异常,而换成其它版本的小众浏览器打开不行或者bug频出,那便不能算是一个合格的网站!杭州蒙特网站设计很肯定的告诉大家,移动端也一样,不管是iPad还是各种版本的手机端,都应该能保证展现效果一致,且没有其他结构变动等问题。

不得不说的是,大多数网站在兼容性这方面做得并不是太好!
因为网站各种特效的不断创新和技术的更新迭代,导致一些老版本或特殊版本的IE等浏览器无法同时兼容同样的一种或者多种特效!所以,我们的程序员必须要在保证主流浏览器能够正常访问的基础上,尽可能的针对每一个存在的浏览器版本进行兼容性优化!

网站建设过程中的兼容性问题怎么破?
当然是先从大的主流浏览器出发,在保证主流、占比较大的网站浏览器访问网站正常的前提下,再一一通过测试调整各种小额占比浏览器的兼容性特效实现等!当然了,总会有一些比较特殊的效果,很多浏览器都需要调整,导致程序有很多必要和不必要的垄余。

那么,代码垄余如何解决呢?
一般十几年的专业网络公司在这方面会做的很好,网站兼容性真是一个当下必须要解决的问题,忽视了它,后期头疼的问题就会频繁发生,没有后顾之忧的网站建设,前期就要做好每一个建站细节。

发现Web前端开发工程师最烦的就是解决浏览器兼容性的问题。不过,别担心,既然小编已经说出来了,就是给大家带来这一部分的相关知识分享给大家,解决大家的烦恼,一下几点是根据朋友以及同事和看了某些程序员大佬的博客之后总结出来的几点,希望能够帮到大家。

我也编程,可兼容使我痛苦
这个问题对于Web开发者来说真是头疼的问题,我从事Web开发也有两年时间,期间遇到过许许多多类似的问题,每次都被搞得很累,后来画了大半年时间专门研究Web前端技巧,最后我总结了一些方案出来:

1.在开发Web APP的时候,开发机上面最好把主流浏览器都装上,比如说:Chrome、FF、safari、IE、IE Tester... 在大多数情况下,FF和Chrome差别不是很大。

2.开发过程中要注意,每做好一个样式,都要跑一遍所有要兼容的浏览器,这样虽然开发过程时间会比较长,可是会比你开发完成后再来改效率高得多,我曾经就碰到过一个产品,开发完成后由于兼容性问题导致其发展面很窄,最后不得不重新开发。

3.如果真的碰到样式不兼容的情况,那么只能针对不同的浏览器做相应的调整。
4.一些新的特效可能在一些版本落后的浏览器里不兼容,这个时候我们的原则就是:不求效果绚丽,只求工整规范。

5.多积累,多看看符合W3C标准规范的CSS手册和JS手册,注意积累,或者用一些开源框架,那样兼容性可以省下不少时间。
我们认为chrome + firefox + safari + ie9是高端浏览器,ie8勉强算准高端吧。这样这部分占有率约57%(如果加上其他webkit内核的浏览器会更高一些) 已经大于ie6 + ie7。

高端和低端浏览器的差距可以用html5test量化一下:
Google Chromium 11.0.690的分数是293,而Microsoft Internet Explorer 6.0的分数17,也许有各种fallback方案可以保证完全兼容性各个浏览器,但依然不能保证低端浏览器的使用体验,顶多是看起来各个浏览器都一样了。因此,现在的设计和开发的策略是浏览器分级支持。优先为高端浏览器设计,同时考虑低端浏览器的退化方案。甚至有些复杂的应用可以拒绝ie6,提示用户使用高端浏览器。豆瓣7月份将会发布一款对ie6说no的产品(国内第一个拒绝支持ie6的产品吧)

因此不要再考虑向后兼容,应该考虑向后退化,更多考虑向前兼容。
那么究竟如何让网站建设HTML文件保持兼容性呢?

一个设计良好的网页应该能够被宽带网上的多媒体高档电脑或者依然使用慢速MODEM连接的低档电脑上安装的浏览器阅读。然而,很多新的网站设计者均不是非常的了解如何尽量的让这些HTML文件保持很好的兼容性。

当然,这里有太多的不确定因素影响网页最后呈现的结果。首先,计算机的显示器有不同的分辨率和显示质量,其次,运行着各种各样的操作系统,使用着不通版本的WEB浏览器

,不同INTERNET连接方式和各种速度的MODEM。我们不能想当然的去武断地判定浏览者的喜好。我们还是花点时间来测试页面,这样可以让每一个访问者感到愉快。然而,遗憾的是我们没有办法为每一个访问者来优化页面,但是下面讲述的几个步骤将有助于您保证大多数访问者的浏览效果。

1、不要依赖图形。
就站点设计而言,的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片,某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之,图形并不能正确的在客户端加载。

然而,图形经常被用来作为导航按钮。举例来说,访问者经常按向左的箭头返回上一页,或者一个包含问号的图形可以得到更多的信息,或者按公司的标志(LOGO)会告诉用户公司的地址和电话号码。图形映射(IMAGE MAP)允许你按图像的不同区域连接到不同的地方,这个经常被用来用作站点地图,你给访问者提供站点内容指引。但是如果你仅仅通过图片来提供站点导航的话,某些访问者将不能完全或者正确的离开你的站点。

总是告诉用户你的站点需要什么样类型的技术才能正确浏览你的网站是一个非常愚笨的方法。如果访问者需要安装插件才能处理,如果你仅仅给出一个连接让访问者去下载。这个自认为非常酷的页面对用户来说根本不是什么幽默的事情,这是和用户的期待所恰恰相反的。至于为什么恰恰相反,希望你能反思一下,如果是你,你会为了浏览一个你根本不知道什么样的站点而去下载一堆你不知道的插件么?

如何解决这个矛盾呢?你可能想到的解决方法有二种:一个是单纯的文本,另外就是完全的图形方式。其实不然。如果你使用一个图形映射的方式给内容列表,可以在该页的最后使用一个纯文本方式的表格来处理,这样会好很多。如果使用图形按钮,最好还是包括简单的导航文字提示。

大多数的时候,通常我们要养成使用"ALT"标记的习惯,这样当图形未能正确显示的时候可用预备的文本替代显示。这样,用户至少可以看到关于这个图形的表述,便知道这个图形究竟意味着什么。举例来说某个图象标记的预备文本就可以这样写:
使用"ALT"标记也有另外一个好处。文字将显示在图象的上面,这样会给用户造成一个页面快说引导的感觉。

2、确定受众。
一般的来说,绝大多数普通受众图形,插件,applets和其它有关的高级Web浏览器特性。对我们来说,页面的实用可能比漂亮更重要,对于用户来说,没有什么比页面能够快速下载更重要了,简而言之,精简你的站点,这是一条最佳的捷径。

波士顿一位图形设计者兼美术讲师说:"你必须考虑什么,这一切都应该来自自于你的观众"!

为了让每个人满意,一个站点的实用比漂亮更加重要。并且首先,它必须能够快速的被用户端的较老版本的浏览器快速解释。简化你的站点,然而,那未必是最好的办法。

考虑一下站点访问者的操作系统,监视器,浏览器,和的连接类型。然后,想想理论上他们需要从你的站点获得什么?他们是想获得连接还是需要实际的内容?如果是普通的站点是否会失望,是否需要为浏览下载特别的插件。有一个窍门就是没有必要为每一个人优化你的站点,要满足每一个访问者显然不可能,你必须为访问者采取适当的技术。

3、保持页面小巧。
这个小节我们谈论的是关于图形的处理。最好的方法是我们呼吁广大的读者保持让图形文件的尺寸尽量的小。即使是那些侥幸拥有快速Internet连接的用户,他们不会抱怨说你的站点加载速度太快。

网站建设过程中的兼容性问题怎么破?
众所周知,网站在上线之前必须要经历一个大关:测试!而测试的前提除了各种bug修复和功能试用外,还有最重要的一点:就是网站在多终端、多版本浏览器下的兼容性问题。

进入2017年,如果说你的网站仍然停留在只是Google、百度等PC浏览器打开无异常,而换成其它版本的小众浏览器打开不行或者bug频出,那便不能算是一个合格的网站!移动端也一样,不管是iPad还是各种版本的手机端,都应该能保证展现效果一致,且没有其他结构变动等问题。

可是,不得不说的是,大多数网站在兼容性这方面做得并不是太好!因为网站各种特效的不断创新和技术的更新迭代,导致一些老版本或特殊版本的IE等浏览器无法同时兼容同样的一种或者多种特效!所以,我们的程序员必须要在保证主流浏览器能够正常访问的基础上,尽可能的针对每一个存在的浏览器版本进行兼容性优化!


下一条:大手笔高端网站的注意事项几点创意
网站套餐/客户案例/公司优势/域名主机/企业邮箱/网站推广/关于我们/返回首页
版权所有:南京希丁哥网络信息服务有限公司