您现在的位置:首页 --> JavaScript --> 使用 SourceMap 来进行前端代码调试
使用 SourceMap 来进行前端代码调试
浏览:2542次 出处信息
此文原载于:http://blog.allenm.me/2012/12/whats-sourcemap/
今天在方凳会上做了一次 SourceMap 的分享。现在在博客上分享出来给大家。
简介:
什么是 SourceMap 呢?
在这个年代,对于前端开发来说,很少有用户浏览器执行的代码和我们写的 code 完全相同的情况。因为我们的代码一般要经过压缩、合并。另外现在还有 sass, less, stylus, coffscript, typescript 等等预编译语言。那么在这些情况下我们如何进行调试呢?SourceMap 就是为了解决这个问题而生的,虽然它还不够成熟,支持它的工具还不够多,但是我们能从它身上看到未来。
欲了解详情,请观看下面的 slide 吧。(有疑问或者建议可以在下面评论交流,或者微博 @allenm 进行交流)
slide 中链接:
Base64 编码:http://blog.allenm.me/2012/11/base64-encoding/
Base64 VLQ编码:http://blog.allenm.me/2012/12/base64-vlq-encoding/
SourceMap 文档:http://goo.gl/vtEVF
SourceMap 介绍&视频:http://goo.gl/5xQEy
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:取得当前script元素的src(path)
后一篇:javascript运算/转换技巧 >>
文章信息
- 作者:allenm 来源: 阿里巴巴(中国站)用户体验设计部博客
- 标签: SourceMap
- 发布时间:2012-12-18 23:06:31
近3天十大热文
-
[80] memory prefetch浅析
-
[49] find命令的一点注意事项
-
[41] 基本排序算法的PHP实现
-
[32] Oracle bbed工具的编译
-
[32] 卡诺模型―设计品质与设计价值的思考
-
[27] 程序员技术练级攻略
-
[26] 8大实用又重要Mac使用技巧
-
[25] 两行 JavaScript 代码
-
[22] 小屏幕移动设备网页设计注意事项
-
[21] 读书笔记-壹百度:百度十年千倍的29条法则