这是一个专门讨论 idea 的地方。
每个人的时间，资源是有限的，有的时候你或许能够想到很多 idea，但是由于现实的限制，却并不是所有的 idea 都能够成为现实。
那这个时候，不妨可以把那些 idea 分享出来，启发别人。
每个人的时间，资源是有限的，有的时候你或许能够想到很多 idea，但是由于现实的限制，却并不是所有的 idea 都能够成为现实。
那这个时候，不妨可以把那些 idea 分享出来，启发别人。
怎样让chrome，firefox，safari浏览器支持scss，coffee，haml等开发友好的web开发语言？
edward1992 · 2013-12-11 10:34:30 +08:00 · 4529 次点击这是一个创建于 4031 天前的主题，其中的信息可能已经有所发展或是发生改变。
作为一个偏web前端的rails程序员，我觉得在rails开发里常用到的haml，coffee，scss，less这些语言其实非常适合集成到各大主流浏览器里面。有这样的工具的话，浏览器在开发中的作用就会开始超越一个debug的地方。
我有稍微试想一下如果真的要这么做，需要对浏览器做什么。我觉得未必需要深入到浏览器的内核去添加这些支持功能。可以以extension的形式来支持。比如说，在浏览器添加scss的样式时，扩展的解释器把scss解释成css，再和浏览器的解析渲染过程结合。
我有稍微试想一下如果真的要这么做，需要对浏览器做什么。我觉得未必需要深入到浏览器的内核去添加这些支持功能。可以以extension的形式来支持。比如说，在浏览器添加scss的样式时，扩展的解释器把scss解释成css，再和浏览器的解析渲染过程结合。
 |
1
jybox 2013-12-11 10:39:32 +08:00  1
我也很疑惑对于jQuery这种常用的库为什么浏览器不内置呢。
|
 |
2
helone 2013-12-11 10:42:35 +08:00
问题没你们想象中的那么简单，况且需求又不是必须，不是所有人都喜欢haml，coffee，scss，less。
|
 |
3
edward1992 OP @helone 没有必要满足所有人的需求啊，但我相信我这需求不会只是我一个人而已。
|
 |
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有效。 |
 |
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 的打包工具就够用了 |
 |
6
livelazily 2013-12-11 13:02:06 +08:00
@anson0370 coffee可以用sourcemaps在chrome里直接调试
|
 |
8
dorentus 2013-12-11 13:07:33 +08:00
|
 |
9
tangzx 2013-12-12 00:07:52 +08:00 via iPhone
Source map + middleman
|
|
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 |
 |
11
param 2019-02-04 07:48:35 +08:00
9102 年了，是时候问为什么不支持 typescript 了
|
Select Language