V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
这是一个专门讨论 idea 的地方。

每个人的时间,资源是有限的,有的时候你或许能够想到很多 idea,但是由于现实的限制,却并不是所有的 idea 都能够成为现实。

那这个时候,不妨可以把那些 idea 分享出来,启发别人。
edward1992
V2EX  ›  奇思妙想

怎样让chrome,firefox,safari浏览器支持scss,coffee,haml等开发友好的web开发语言?

  •  
  •   edward1992 · 2013-12-11 10:34:30 +08:00 · 4503 次点击
    这是一个创建于 4001 天前的主题,其中的信息可能已经有所发展或是发生改变。
    作为一个偏web前端的rails程序员,我觉得在rails开发里常用到的haml,coffee,scss,less这些语言其实非常适合集成到各大主流浏览器里面。有这样的工具的话,浏览器在开发中的作用就会开始超越一个debug的地方。

    我有稍微试想一下如果真的要这么做,需要对浏览器做什么。我觉得未必需要深入到浏览器的内核去添加这些支持功能。可以以extension的形式来支持。比如说,在浏览器添加scss的样式时,扩展的解释器把scss解释成css,再和浏览器的解析渲染过程结合。
    11 条回复    2019-02-04 07:48:35 +08:00
    jybox
        1
    jybox  
       2013-12-11 10:39:32 +08:00   ❤️ 1
    我也很疑惑对于jQuery这种常用的库为什么浏览器不内置呢。
    helone
        2
    helone  
       2013-12-11 10:42:35 +08:00
    问题没你们想象中的那么简单,况且需求又不是必须,不是所有人都喜欢haml,coffee,scss,less。
    edward1992
        3
    edward1992  
    OP
       2013-12-11 10:54:33 +08:00
    @helone 没有必要满足所有人的需求啊,但我相信我这需求不会只是我一个人而已。
    est
        4
    est  
       2013-12-11 11:37:51 +08:00   ❤️ 1
    chrome v31以上版本已经有了 http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

    亲测 jquery 1.9 min 版本的map有效。
    anson0370
        5
    anson0370  
       2013-12-11 12:56:15 +08:00
    less 的编译器是 js 的,所以实际上可以直接在浏览器里解析 less
    sass 暂时还是 ruby 的,没办法
    coffee 也是 ruby 的,同上

    让不同的浏览器自己去实现不同的预处理器可能会带来更多兼容问题(如果引用官方实现岂不是还要带一个 ruby 的运行时?)
    而且部分旧的浏览器显然是不会升级的,所以你在 release 的时候依然要部署编译后的 css 和 js
    也就是说即使 chrome 之类的浏览器支持了,也只是方便了你做开发,然而单就开发来说一个能提供实时 watch 和 live reload 的打包工具就够用了
    livelazily
        6
    livelazily  
       2013-12-11 13:02:06 +08:00
    @anson0370 coffee可以用sourcemaps在chrome里直接调试
    jybox
        7
    jybox  
       2013-12-11 13:03:46 +08:00
    @anson0370 coffee 难道不是 js 写的么。。。
    dorentus
        8
    dorentus  
       2013-12-11 13:07:33 +08:00
    Source maps +1

    PS: CoffeeScript 的解释器/编译器是 Javascript 的。
    https://github.com/jashkenas/coffee-script/
    tangzx
        9
    tangzx  
       2013-12-12 00:07:52 +08:00 via iPhone
    Source map + middleman
    anson0370
        10
    anson0370  
       2013-12-12 01:50:36 +08:00
    @jybox
    @dorentus
    @livelazily

    coffee 的编译器是我记错了 orz , gem list 了下发现有 coffee-script 就想当然的觉得是 ruby 的了

    虽然大家都在说 SourceMaps ,不过我觉得这不是重点,因为 coffee 生成的 js 已经足够可读了,配合 debugger 即使直接调试编译后的 js 也没有任何障碍,楼主想要的应该还是能直接运行 coffee 吧。

    真要 SourceMaps 发挥的还是差距比较大的语言,比如 Scala.js
    param
        11
    param  
       2019-02-04 07:48:35 +08:00
    9102 年了,是时候问为什么不支持 typescript 了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2519 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 15:43 · PVG 23:43 · LAX 07:43 · JFK 10:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.