Source-map 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Source-map 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Source-map 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 BSD
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发地图相关
开源组织 Mozilla
地区 不详
投 递 者 大胖森
适用人群 未知
收录时间 2015-05-22

软件简介

Source-map 是一个能够生成和使用源地图格式的开发包。

这个开发包是使用异步模块定义格式编写的,工作在下面的环境中:

  • 现代浏览器支持 ECMAScript 5 

  • 内置火狐作为 JSM 文件(after the build)

  • 需要 NodeJS 0.8.X 或更高版本

使用源地图(Consuming a source map)

var rawSourceMap = {
  version: 3,
  file: 'min.js',
  names: ['bar', 'baz', 'n'],
  sources: ['one.js', 'two.js'],
  sourceRoot: 'http://example.com/www/js/',
  mappings: 'CAAC,IAAI,IAAM,SAAUA,GAClB,OAAOC,IAAID;CCDb,IAAI,IAAM,SAAUE,GAClB,OAAOA'};var smc = new SourceMapConsumer(rawSourceMap);console.log(smc.sources);// [ 'http://example.com/www/js/one.js',//   'http://example.com/www/js/two.js' ]console.log(smc.originalPositionFor({
  line: 2,
  column: 28}));// { source: 'http://example.com/www/js/two.js',//   line: 2,//   column: 10,//   name: 'n' }console.log(smc.generatedPositionFor({
  source: 'http://example.com/www/js/two.js',
  line: 2,
  column: 10}));// { line: 2, column: 28 }smc.eachMapping(function (m) {  // ...});
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (1)

加载中
Fundebug支持使用Source Map还原真正的错误位置。这样的话,开发者能够迅速定位出错的源代码。另外,Fundebug还能够展示出错的代码块,帮助开发者更快地解决问题。
2017/02/27 14:43
回复
举报
更多评论
暂无内容
发表了博客
2018/09/06 09:16

Source Map入门教程

部署前端之前,开发者通常会对代码进行打包压缩,这样可以减少代码大小,从而有效提高访问速度。然而,压缩代码的报错信息是很难Debug的,因为它的行号和列号已经失真。这时就需要Source Map来还原真实的出错位置了。 为啥变换代码? 前端代码越来越复杂的情况下,开发者通常会使用webpack、UglifyJS2等工具对代码进行打包变换,这样可以减少代码大小,有效提高访问速度。关于变换代码的原因,这里不妨引用一下大神阮一峰的Jav...

0
0
发表于大前端专区
2018/09/26 11:10

Source Map入门教程

部署前端之前,开发者通常会对代码进行打包压缩,这样可以减少代码大小,从而有效提高访问速度。然而,压缩代码的报错信息是很难Debug的,因为它的行号和列号已经失真。这时就需要Source Map来还原真实的出错位置了。 ![](https://oscimg.oschina.net/oscnet/07b3ee657b05416b6bcb59b6e28d933f11b.jpg) #### 为啥变换代码? 前端代码越来越复杂的情况下,开发者通常会使用[webpack](https://github.com/webpack/webpack)、[Ugli...

0
0
发表了博客
2016/08/01 21:28

JavaScript Source Map 详解

转载地址:点击打开链接 推荐学习requirejs(按需加载js) jQuery 1.9发布。 这是2.0版之前的最后一个新版本,有很多新功能,其中一个就是支持Source Map。 访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js,打开压缩后的版本,滚动到底部,你可以看到最后一行是这样的:

0
0
2019/10/28 11:09

webpack之source-map模式

0
0
发表于大前端专区
2020/01/31 21:15

Source Map原理及源码探索

## 简介 如今前端的代码发布到线上通常都经过了这个过程:*输入 => 转换器 => 输出*,经过这一过程后,线上的代码已经被压缩或者混淆,虽然可能代码体积减小了,减少了网络开销,但是对于开发者调试来说确是无比痛苦的。 Source Map的诞生就是为了解决上面的问题的。目前Source Map已经到了v3版了,最开始的v1版是由Joseph Schorr创建的,初衷是为了让闭包检查器(Closure Inspector)在优化JS代码的时候能进行源代码级别的调试...

0
0
发表了博客
2020/03/19 20:24

使用Fundebug API 批量上传Source Map

https://juejin.im/post/5e5c70e1e51d4526e32c3521 摘要: 通过代码批量上传 Source Map,实现流程自动化! Fundebug 支持使用 Source Map 还原真正的错误位置。这样的话,开发者能够迅速定位出错的源代码。另外,Fundebug 还能够展示出错的代码块,帮助开发者更快地解决问题。 Fundebug 支持哪些 Source Map 上传方式? 如果希望使用 Source Map 功能的话,我们必须拿到 Source Map 文件。用户可以将 Source Map 文件挂载到自己...

0
0
2017/10/26 16:27

【javascript】source map

最近在学webpack,遇到一个从未见过的名词source map。便跑去百度了一番,对其有了一些了解。好记性不如烂笔头,在此记录一下,方便以后查询。 一:source map长啥样? 之前下载Jquery的时候发现有一个文件,叫做Jquery.min.map文件。这就是一个source map 文件。打开后他是这样的: 二:source map有啥作用? source map是一个独立的文件,与源码在同一个目录下。它有一个很有用的功能,下面就来聊聊这个功能。 1、从源码转换说...

1
2
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
1 评论
1 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部