目錄
回复内容:
首頁 web前端 H5教程 做为一名在校学生而言,从其职业发展的角度出发,在学习 Web 前端开发的时候有必要花时间兼容 IE6、IE7 这些浏览器吗?

做为一名在校学生而言,从其职业发展的角度出发,在学习 Web 前端开发的时候有必要花时间兼容 IE6、IE7 这些浏览器吗?

Jun 07, 2016 am 08:41 AM

回复内容:

这还是技术和技巧的问题。如果认为学习兼容ie6/7就是撑握一堆css hack那没必要,css hack无非是利用css错误处理的差异绕过一些浏览器,这都是技巧,碰到一个搜一下就有答案。了解一下css错误处理有点用,重要是合理的html/css写法可以避免很多兼容性的问题,典型就是滥用float,如果是从更合理的设计html结构,运用更好的布局技术,从这个角度出发,解决兼容问题就不是撑握css hack,而是撑握一些fallback的方案,这是对的,也是有意义的。

ie6/7没了,新的兼容问题又会出现。桌面浏览器和手机浏览器的差异,低端手机浏览器不亚于ie6。前端工程师很长一段时间内都会面对兼容性问题。学会正确面对兼容性问题是有必要的。 绝对没有必要。
【更新:楼下那些说有必要的,麻烦你们切题清楚点,你们自己要兼容IE6你公司可能是为此付钱给你,但是提问者还是在校生,有人付钱让他学习兼容IE6吗?

目前(2012年10月)IE6、IE7的市场占有率即使在最小白的市场,份额也下降到了25%以下。考虑你还是在校生,意味着你进入可以承担较为独立的工作岗位时,至少还有2年以上时间,届时IE6、7的占有率估计至少将跌至10%以下,甚至可能小于5%。这意味着届时只有很少的互联网产品才会考虑兼容,比如那些最最基础的互联网应用和网站,而这类网站、应用往往都是已经非常成熟的codebase,没你什么事。

另外,作为在校生,我不建议你现在就确定前端开发方向。前端开发的职业前景并不乐观。如果你想从事编程类工作,最好是把计算机基础打好,例如数据结构、算法、编译原理等。甚至好好学习下互联网基础协议,比如HTTP(1.1和未来2.0草案),绝对比花时间在IE6、7上有价值。 首先,有一个误区就是,一说要“兼容 IE6”,就等于让网站在 IE6 下和在现代浏览器下一模一样

破除这个误区和强迫症,你就没什么可纠结的了。你要接受 IE6 和其他浏览器不一样,优雅降级,至少给 IE6 用户一个提示。对于新的、符合标准的技术,要敢用会用,如果在 IE6 下不支持,那就不支持好了(但是你要考虑到解决方法,而不是彻底不管)。所有 IE6 的问题,我相信都可以在标准的框架下面得到解决,不一定是完美解决(不要勉强)。

至于那些 hack 什么的奇技淫巧还是少接触为妙。当然,你在自学的时候,可以尝试任何东西,但是就怕你产生了依赖,以为那样是正常无可厚非的的(业内的一种奇怪的论调“管用就行”)。从这个角度讲,岂止是兼容 IE6 的问题,还有很多问题是需要你做选择的。比如经常遇到的元素的垂直居中、背景图的“填充”效果等有很多的近乎 hack 的技巧:div 套 div,把背景图改成 img 元素什么的。你直接 copy 代码,然后实现了这样的效果,却没有思考这样做的合理性和必要性——长此以往,你的水平也不会有本质的提高。

我觉得,在一开始,能够用 CSS 把设计意图表达清楚就不错了(很多人未必能做到),不用要求一模一样。

你在参加工作之前,没有人逼着你必须做出某种效果来否则就滚蛋,也没有整天嚷嚷着“没有什么是技术上实现不了的”的上司,那么你何苦呢? 你可以有态度,但你首先必需有能力。如果客户要求你支持ie6,ie7,你做不出却跟他谈态度?没有能力为基础的态度,就是bullshit。

jQuery支持ie6,难道是因为John Resig没有态度?如果John Resig的Javascript能力不足以支持他开发出兼容ie6的库来,他的态度再高傲,jQuery也不会像今天这样流行。现在,你们享受着jQuery的便利,却来嘲笑那些为技术做出贡献的人,John Resig的付出到底是为谁的脑残付账?

一个html和javascript工程师,如果不懂基本的兼容ie的技巧,你还是最好自己创业吧。这无关ie6,ie7的市场占有率,而是关乎学习的本质。你说你Javascript牛逼,证明给我看,别跟我扯什么态度。 用明天的技术,不要用昨天的技术——吉姆 格雷 不需要。

做技术和做产品,甚至做媒体都一样,需要有态度

没有态度的结果是,你在用你的技术生涯,前途回报,甚至直白些说,在用你的生命为别人的脑残标准付账。

IE 6,7 甚至 8 的反人性我想不用多说了。而花时间去对应这些会付出实在的机会成本。有这个时间,还不如去深入今天最新的标准和前端框架。

你会做的更愉快,也赚的更多。更重要的,为世界带来更好的东西。

否则?

VB 或者 .Net 程序员就是你很好的前车之鉴。 好吧,我也是在校的。

虽然去兼容 IE6/7/8 的话会花掉大量的时间,但是目前在去兼容这些古老浏览器的同时,你能学到的不仅仅是一个兼容性问题的解决方案,在你解决一个兼容性问题的时候你要考虑的东西会很多,包括浏览器发展的历史,IE 特有的 hasLayout,BFC,更深入的是在你解决这个这个问题的同时你可能会去考虑,这是一个 bug 还是特性?设计者在支持这个功能的是怎样考虑的?这些都是基础,了解一下不至于花上你那么多的时间。

虽然只是解决一些兼容性的问题,但是在你解决一个问题的同时你可能得到的更多。假如一直在符合规范,支持最新特性的浏览器里做开发,因为都是最新的标准,你写的代码都能信手拈来,你写着很舒服的代码,一些本质性的东西你可能会被忽略掉。

当然也不是很虐心的每次都要去做 ie6/7/8 的兼容,但是渐进增强,平稳退化,至少要保证可访问性,这也是一个前端必须做到的吧?

目前 IE6/7 的份额还保持在 30% (不包括 360 安全浏览器之类的 IE 加壳浏览器)左右,虽然说两年之后的份额会下降很多,但是下降到可以忽略不计的时候还没有那么快。

至于说做以后只做移动端的,可以不做 IE6/7 的兼容,但是学多一点没什么坏处吧? 不同意第一名的回答,必须有必要稍微了解一下IE6浏览器兼容性的处理方法(IE7就不需要了),因为IE6至今在国内依旧是很大的一块市场份额,
brow.data.cnzz.com/
这里有浏览器市场份额数据,可以看出,IE6至今仍然是互联网排名第2的浏览器,众多xp都是自带IE6,而至今电脑城负责装机的帅哥们都是首推xp,他们手里的xp盘又都是很老的那些番茄花园之类的ghost盘,去年我去修电脑的时候,甚至听到了一哥们说,qq我只要08版.这些人构成了互联网用户的最低层,只要你能搞定IE,你的网站就可以侵占那21%的市场,你认为多少boss会放弃呢

而主要的问题就是IE6消亡时间问题,我查看了2012年1月份的数据,市场份额是25%左右,整个市场波动图在这里看brow.data.cnzz.com/main

我觉得之所以IE6能够下降这么快,估计还有360的功劳,但是短时间内下降的趋势已经不会很明显了,所以除非体问者是刚刚上大学的小朋友,不然我觉得至少需要去了解下兼容,其实个人认为刚上大学的同学不会这么快想到未来的方向吧,总之,如果你还有2年就毕业的话, 就了解下,不一定要精通,其实就算你想精通,也必须等到工作的时候.

如果时间还很久,我觉得还是多学点东西吧,不用局限于前端 个人以为,浏览器兼容性的问题并非IE6消失了就解决了
虽然有W3C,但是各个浏览器厂商为了凸显自己产品的特性还是各自为政。
HTML5和CSS3标准还没出来,各浏览器的实现程度都不一样,即使出来了,又会有HTML6、CSS4……,到时候可能又会有人举起呐喊“打倒IE9”
对于一些配置比较差但依然服役的PC而言,XP+IE6的性能要优于比较现代的浏览器,而随着浏览器功能的增多,对硬件的要求越高,IE9可能为了兼顾用户的硬件不回持续更新而紧跟新标准

IE6的问题不过是科技进步的副作用,对于有些做Windows程序的人而言,可能使用Win7的Win32API,同样得想办法兼容XP

回到这个问题本身,在下也是做网站的,前段后端的代码都写,就在下的经验来看,只要按着CSS本身的设计理念和机制来做,少用浮动,慎用定位(相对定位和绝对定位),熟悉盒式模型,多用流布局,其他的如文字样式、颜色、背景等都没什么兼容问题,一些修饰性的CSS3特性如渐变、阴影、高光等IE9都不支持,不用也不影响用户阅读,就不用考虑IE6了。选择器方面有些不兼容的可能需要js代替,不建议使用复杂的选择器。
至于该不该花时间去处理兼容性,应该说,各个浏览器之间都有差异,当初IE6也是非常先进的,如今受人唾弃,而如今这些现代的浏览器也都有布这后尘的一天,也许有人说浏览器都像Chrome一样后台升级不就玩了,但是软件可以升级,硬件无法升级,浏览器新特性的增加是有瓶颈的,尤其是以后大量应用直接运行在浏览器中,性能更堪忧
低版本的浏览器基本上保持一致,不影响用户阅读就可以了。重点还是熟悉CSS的运行机制和各浏览器的实现机制,多学多模仿多练,各浏览器的差异了解多了自然就没那么不淡定了,所以,技术和心态很重要。

借用古语结束:无他,唯手熟尔 学习兼容ie6和ie7没必要,你可以把做好的网站在ie6和ie7上测试下,显示没问题就行。

但是我不能同意某一个开发者所说的抵制ie6用户和ie7用户。这样的国外网站我见过,也很少,多数是想赚名声的。
如果在国内:不兼容ie6和ie7 ? 你一个网站想要挟用户升级浏览器? 那一定脑子进水了。
国内网站有哪个敢这么说?如果他能活下去再来吹这个牛吧
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1665
14
CakePHP 教程
1424
52
Laravel 教程
1322
25
PHP教程
1270
29
C# 教程
1250
24
H5指的是什麼?探索上下文 H5指的是什麼?探索上下文 Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5:網絡標準和技術的發展 H5:網絡標準和技術的發展 Apr 15, 2025 am 12:12 AM

Web标准和技术从HTML4、CSS2和简单的JavaScript演变至今,经历了显著的发展。1)HTML5引入了Canvas、WebStorage等API,增强了Web应用的复杂性和互动性。2)CSS3增加了动画和过渡功能,使页面效果更加丰富。3)JavaScript通过Node.js和ES6的现代化语法,如箭头函数和类,提升了开发效率和代码可读性,这些变化推动了Web应用的性能优化和最佳实践的发展。

H5代碼:Web開發人員的最佳實踐 H5代碼:Web開發人員的最佳實踐 Apr 16, 2025 am 12:14 AM

H5代碼的最佳實踐包括:1.使用正確的DOCTYPE聲明和字符編碼;2.採用語義化標籤;3.減少HTTP請求;4.使用異步加載;5.優化圖像。這些實踐能提升網頁的效率、可維護性和用戶體驗。

H5是HTML5的速記嗎?探索細節 H5是HTML5的速記嗎?探索細節 Apr 14, 2025 am 12:05 AM

H5不僅僅是HTML5的簡稱,它代表了一個更廣泛的現代網頁開發技術生態:1.H5包括HTML5、CSS3、JavaScript及相關API和技術;2.它提供更豐富、互動、流暢的用戶體驗,能在多設備上無縫運行;3.使用H5技術棧可以創建響應式網頁和復雜交互功能。

H5和HTML5:網絡開發中常用的術語 H5和HTML5:網絡開發中常用的術語 Apr 13, 2025 am 12:01 AM

H5與HTML5指的是同一個東西,即HTML5。 HTML5是HTML的第五個版本,帶來了語義化標籤、多媒體支持、畫布與圖形、離線存儲與本地存儲等新功能,提升了網頁的表現力和交互性。

了解H5代碼:HTML5的基本原理 了解H5代碼:HTML5的基本原理 Apr 17, 2025 am 12:08 AM

HTML5是構建現代網頁的關鍵技術,提供了許多新元素和功能。 1.HTML5引入了語義化元素如、、等,增強了網頁結構和SEO。 2.支持多媒體元素和,無需插件即可嵌入媒體。 3.表單增強了新輸入類型和驗證屬性,簡化了驗證過程。 4.提供了離線和本地存儲功能,提升了網頁性能和用戶體驗。

解構H5代碼:標籤,元素和屬性 解構H5代碼:標籤,元素和屬性 Apr 18, 2025 am 12:06 AM

HTML5代碼由標籤、元素和屬性組成:1.標籤定義內容類型,用尖括號包圍,如。 2.元素由開始標籤、內容和結束標籤組成,如內容。 3.屬性在開始標籤中定義鍵值對,增強功能,如。這些是構建網頁結構的基本單位。

H5:如何增強網絡上的用戶體驗 H5:如何增強網絡上的用戶體驗 Apr 19, 2025 am 12:08 AM

H5通過多媒體支持、離線存儲和性能優化提升網頁用戶體驗。 1)多媒體支持:H5的和元素簡化開發,提升用戶體驗。 2)離線存儲:WebStorage和IndexedDB允許離線使用,提升體驗。 3)性能優化:WebWorkers和元素優化性能,減少帶寬消耗。

See all articles