목차
回复内容:
웹 프론트엔드 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 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

H5 프로젝트를 실행하는 방법 H5 프로젝트를 실행하는 방법 Apr 06, 2025 pm 12:21 PM

H5 프로젝트를 실행하려면 다음 단계가 필요합니다. Web Server, Node.js, 개발 도구 등과 같은 필요한 도구 설치. 개발 환경 구축, 프로젝트 폴더 작성, 프로젝트 초기화 및 코드 작성. 개발 서버를 시작하고 명령 줄을 사용하여 명령을 실행하십시오. 브라우저에서 프로젝트를 미리보고 개발 서버 URL을 입력하십시오. 프로젝트 게시, 코드 최적화, 프로젝트 배포 및 웹 서버 구성을 설정하십시오.

뷰포트 메타 태그를 사용하여 모바일 장치에서 페이지 스케일링을 제어하려면 어떻게합니까? 뷰포트 메타 태그를 사용하여 모바일 장치에서 페이지 스케일링을 제어하려면 어떻게합니까? Mar 13, 2025 pm 08:00 PM

이 기사에서는 Viewport Meta 태그를 사용하여 모바일 장치의 페이지 스케일링을 제어하여 폭과 최적의 응답 성 및 성능을위한 초기 스케일과 같은 설정에 중점을 둡니다. character count : 159

Geolocation API로 사용자 위치 개인 정보 및 권한을 어떻게 처리합니까? Geolocation API로 사용자 위치 개인 정보 및 권한을 어떻게 처리합니까? Mar 18, 2025 pm 02:16 PM

이 기사는 지리적 위치 API를 사용하여 사용자 위치 개인 정보 및 권한 관리, 권한 요청, 데이터 보안 보장 및 개인 정보 보호법 준수에 대한 모범 사례를 강조하는 것에 대해 설명합니다.

H5 페이지 제작은 정확히 무엇을 의미합니까? H5 페이지 제작은 정확히 무엇을 의미합니까? Apr 06, 2025 am 07:18 AM

H5 Page 프로덕션은 HTML5, CSS3 및 JavaScript와 같은 기술을 사용하여 크로스 플랫폼 호환 웹 페이지의 생성을 말합니다. 핵심은 브라우저의 구문 분석 코드, 렌더링 구조, 스타일 및 대화식 기능에 있습니다. 일반적인 기술에는 애니메이션 효과, 반응 형 디자인 및 데이터 상호 작용이 포함됩니다. 오류를 피하려면 개발자를 디버깅해야합니다. 성능 최적화 및 모범 사례에는 이미지 형식 최적화, 요청 감소 및 코드 사양 등이 포함됩니다. 로딩 속도 및 코드 품질을 향상시킵니다.

HTML5 페이지 가시성 API를 사용하여 페이지가 표시되는시기를 감지하려면 어떻게합니까? HTML5 페이지 가시성 API를 사용하여 페이지가 표시되는시기를 감지하려면 어떻게합니까? Mar 13, 2025 pm 07:51 PM

이 기사에서는 HTML5 페이지 가시성 API를 사용하여 페이지 가시성을 감지하고 사용자 경험을 향상 시키며 리소스 사용량을 최적화하는 것에 대해 설명합니다. 주요 측면에는 미디어 일시 정지, CPU 부하 감소 및 가시성 변경에 기반한 분석 관리가 포함됩니다.

대화식 사용자 인터페이스에 HTML5 드래그 앤 드롭 API를 어떻게 사용합니까? 대화식 사용자 인터페이스에 HTML5 드래그 앤 드롭 API를 어떻게 사용합니까? Mar 18, 2025 pm 02:17 PM

이 기사는 HTML5 드래그 앤 드롭 API를 사용하여 대화식 사용자 인터페이스를 생성하고 요소를 드래그 가능하게 만들고 주요 이벤트를 처리하며 사용자 정의 피드백으로 사용자 경험을 향상시키는 방법을 자세히 설명합니다. 또한 일반적인 함정에 대해 설명합니다

H5 페이지 생산에는 지속적인 유지 보수가 필요합니까? H5 페이지 생산에는 지속적인 유지 보수가 필요합니까? Apr 05, 2025 pm 11:27 PM

코드 취약점, 브라우저 호환성, 성능 최적화, 보안 업데이트 및 사용자 경험 개선과 같은 요소로 인해 H5 페이지를 지속적으로 유지해야합니다. 효과적인 유지 관리 방법에는 완전한 테스트 시스템 설정, 버전 제어 도구 사용, 페이지 성능을 정기적으로 모니터링하고 사용자 피드백 수집 및 유지 관리 계획을 수립하는 것이 포함됩니다.

H5 페이지 제작에 적합한 응용 프로그램 시나리오 H5 페이지 제작에 적합한 응용 프로그램 시나리오 Apr 05, 2025 pm 11:36 PM

H5 (HTML5)는 마케팅 캠페인 페이지, 제품 디스플레이 페이지 및 기업 프로모션 마이크로 웨스 사이트와 같은 가벼운 응용 프로그램에 적합합니다. 그것의 장점은 교차 성형 및 풍부한 상호 작용에있어 있지만, 그 한계는 복잡한 상호 작용 및 애니메이션, 로컬 리소스 액세스 및 오프라인 기능에 있습니다.

See all articles