V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
pythonee
V2EX  ›  问与答

前端朋友们,你们是如何做到跨浏览器兼容的?

  •  
  •   pythonee · 2012-12-01 10:44:46 +08:00 · 5602 次点击
    这是一个创建于 4374 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自己是个服务器端程序员,当然自己也写过不少网站,对于web页面的跨浏览器兼容一直很头疼,这里主要还是布局上的兼容,js还比较好弄,一个jquery就可以了。

    看了一些文章,有的直接有跨浏览器的css框架,比如bootstrap, YAML等,有的用saas,compass简化自己的编码,还有用UKI的,不知道哪种方式更好。另外,据我观察,包括google或是一些大的网站,比如淘宝,好像都没有完全按照这套来,他们页面中一样充满了table等一些奇怪的元素,他们似乎没用使用框架或工具来简化工作量,我就想他们怎么做到的呢,页面这么多,维护起来应该很麻烦,难道他们一个浏览器一个浏览器的测不成,google的页面好像是gwt

    能介绍你们如果将一个设计搞搬到Web上的流程吗,我觉得这是一个有意思的过程,当然可能也是比较体力活的
    12 条回复    1970-01-01 08:00:00 +08:00
    Sivan
        1
    Sivan  
       2012-12-01 11:06:27 +08:00
    当写的页面足够多并且对标准较熟悉后,页面写完时就能知道在 IE 下可能会有什么问题。先在 chrome 或 firefox 下做好,标准浏览器就问题不大,再针对 IE 做处理。有些 IE 不支持或支持但残疾的地方,一开始实现时就会主动绕开。那些大网站一般会制定自己的标准,当然也会有些独立页面或者活动页交给一个人单独搞,赶工时写的没那么整洁也很正常。
    luin
        2
    luin  
       2012-12-01 11:13:39 +08:00
    我没做过大项目,所以都是手动测的。一般写的时候就知道哪个浏览器不兼容(这里特指IE6),写出的页面测试的时候基本都不会有兼容问题(除了IE6)。
    squallsdjl
        3
    squallsdjl  
       2012-12-01 17:55:51 +08:00
    @Sivan 同意。前端现在主要真的还是一个经验活和体力活。
    pythonee
        4
    pythonee  
    OP
       2012-12-01 18:11:59 +08:00
    @squallsdjl
    不是吧,那有点坑爹啊
    andy12530
        5
    andy12530  
       2012-12-01 18:45:45 +08:00
    经验=时间+积累。
    多了解一些CSS和JS特征,写的时候把坑跳过去。
    squallsdjl
        6
    squallsdjl  
       2012-12-01 19:29:24 +08:00
    @pythonee 对的,就算坑,还好我们活在这个高级浏览器的时代~
    pythonee
        7
    pythonee  
    OP
       2012-12-01 19:44:32 +08:00
    @squallsdjl
    @andy12530
    因为如果是大项目,不可能一点一点的维护,我觉得肯定都有一套可行的标准或是工具可以让初学者也能写出跨浏览器的东西来
    squallsdjl
        8
    squallsdjl  
       2012-12-01 19:48:42 +08:00
    @pythonee 可行是可行,不过就无法做到个性化,或者是“很设计”。局限性非常大,这种产品不会迎合市场。如果大家发现了国外类似的东西可以分享一下~
    loading
        9
    loading  
       2012-12-01 19:50:12 +08:00
    @pythonee 使用bootstrap这样的东西。
    当然,你支持ie6当我没说。
    不知道一些隐晦的机制,你以为随便拿个css手册就能一路next么,没那么简单的。
    andy12530
        10
    andy12530  
       2012-12-01 19:57:16 +08:00
    @pythonee 你用jQuery之类的框架封装了差异,可以让初学者写出跨浏览器的东西,同样你用bootstrap里面的css文件,也可以让初学者简单使用。

    "一套可行的标准或者是工具" 就是你把差异化的东西弄成一致。自己弄或者用别人的东西。
    skyshy
        11
    skyshy  
       2012-12-01 22:54:31 +08:00
    最近也纳闷加郁闷,好好的前端界面,再在其他浏览器上变化各异,各种bug的处理和修复真让人抓狂。
    qq286735628
        12
    qq286735628  
       2012-12-01 23:45:17 +08:00
    Firefox和Chrome对W3C执行的很好,基本上没啥问题~
    IE的话,去看看BFC和hasLaout两个概念,然后注意下普遍的几个IE bug,基本上在布局上面,IE不会很怪异~
    至于CSS3那些新特性带来的效果嘛,优雅降级吧~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3410 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 04:38 · PVG 12:38 · LAX 20:38 · JFK 23:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.