关于网站开发中浏览器兼容性问题

  网站开发中,对于前端工程师而言,网站样式的兼容性往往很让人头疼,特别是在本国国情的情况下,IE6的不死以及各家IT公司的浏览器兼容性存在差异的情况下,让网站开发在浏览器兼容性方面摔了大跟头。

  开发人员往往会看到一些比较好的值得我们借鉴的国外网站,但是一拿到本地,各种浏览器的不兼容,迫使我们放弃这些华丽的好站。今天我来给大家解析下市场的各种浏览器以及我们在网站开发当中值得注意的地方。

  先说主浏览器,目前国内主浏览器依旧以IE为主,那么IE6、7、8其实依然占了不小的份额,特别是对于一些制造型企业,往往使用的都是Win XP,然后XP系列操作系统默认安装的其实就是IE6。所以我们还是不应该放弃这些用户,而且导致IE6浏览器的不兼容,其实还是跟自己写样式有很大的原因的,下面我会详细解说这块。除了IE家族,Google Chrome浏览器目前市场份额是越来越大,或许Chrome浏览器大家还是比较陌生,但是只要我说出“360浏览器-急速模式”、“搜狗浏览器-急速模式”....各种浏览器的急速模式其实都是Chrome的内核-WebKit,该浏览器的内核有几大优点,第一就是速度快,其次是兼容目前各种主流的HTML5和CSS3。还有一个浏览器大家应该也不陌生:FireFox-火狐。该浏览器目前国内占额可以排在国内前5的位置,原因在于,该浏览器同样和Chrome浏览器一样,具有超强的兼容性,支持各种HTML5和CSS3效果,并且与别的浏览器不同的是,该浏览器目前还有一个插件库,里面包含了各种各样的实用插件。FireBug对于开发者而言一定不默认,他就是大名鼎鼎的源代码解析插件。所以对于开发者而言FireBug肯定是少不了的。如果作为一个前端开发者,没有安装FireBug,那么可以认为该工程师要么就是超级NB了,不用工具可以看出任何网站的问题,那么就是完全不懂,也不知道如何查找网站样式的问题所在。

  我们再看看其他一些第三方的浏览器,所谓第三方浏览器,我们这里指的是例如:360安全浏览器、搜狗浏览器、遨游浏览器等等,目前一般都采用双内核浏览器,也就是急速模式的WebKit和IE家族的兼容模式。这些浏览器无非就是在其他内核的基础上添加一些比较实用的功能,例如近年发展起来的“云”功能。
再回到开发者角度谈下浏览器兼容性问题,在我看来导致浏览器不兼容的问题,无非就是2点:

  1、先天缺陷:所谓先天缺陷就是某些标签、样式本身就存在不兼容,例如我们再写DIV透明的时候,那么IE6解析与其他浏览器本身确实就不相同;或者是PNG图片在IE不兼容,那么这种问题应该说是“真正的不兼容”。

  2、人为技术性的不兼容:这种问题其实不用说,如果完全按照W3C的标准去写样式,那么其实导致样式不兼容的可能是非常非常低的。我一直希望前端开发者应该多用用心,去看些比较大的电商平台,看看他们是如何来写样式的,还有这里分享个小技巧:用色块来布局以及多使用FireBug,可以杜绝大部分的不兼容问题。

如何确定网站建设的定位

从企业高层决策到网站真正实现,什么是最关键的决定因素?不是网络公司或IT技术人员水平,也不是企业的资金投入多少,...

百度谷歌对于关键词排名的几个要点

百度谷歌是站长朋友最关注的两大搜索引擎,每天一大早起来做的第一件事,就是查看自己网站关键词排名的变化,时刻关注...

网站设计应该注意些什么 用眼球跟踪

你在看机器,机器也在看你。最近眼球跟踪技术诞生了不少的应用案例。比方说,Intel 研发 3D 笔记本摄像头,可以追踪眼球...



ABOUT US

米果科技是一家高速成长的互联网全网营销解决方案提供商,致力于将先进的全网营销经验融入到客户推广过程中,为企业提供网络信息化、协同办公及商务系统、精准营销、全案策划、顾问定制等多元化的互联网全方位服务。

CONTACT US

400-000-6930   010-67011800/08/38

中国•北京•朝阳区裕民路12号元辰鑫大厦E2座2411室

vip@migal.cc

Copyright©2001-2015 MIGAL CHINA. All rights reserved.

米果科技 版权所有 | 资深全网营销解决方案提供商

京ICP备08002342号 京公海网安备110108000990号

米果微信公众平台

关注米果官方微博

访问米果手机网站

链接- 网站维护 服务器维护 百度百科创建 网站维护