使用sourcemap快速定位javascript中的问题

大家都有过用-min.js开发的经历,但这样的脚本调试非常头疼。如果使用为压缩版的,上线前又要去压缩,sourcemap的出现完美解决了这一问题。

即便是chrome提供了格式化代码但阅读压缩后的代码环视很吃力的。

以angularjs为例,谈谈sourcemap的使用。

我的文件夹结构如下:

由于google经常被墙所以建议把angular.js angular.min.js angular.min.js.map都下载到本地。

并且修改angular.min.js中sourcemap的配置,指向本地map文件。

//# sourceMappingURL=angular.min.js.map

html代码如下:

如果开发过程中出现错误,就可以很容易定位到源码位置,找出问题原因。

未使用surcemap

使用sourcemap

目前很多类库都提供了sourcemap的支持。

作者:cnblogs 小玉西瓜

查看本栏目更多精彩内容:http://www.bianceng.cnhttp://www.bianceng.cn/webkf/script/

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js
, 问题
, angular
, 代码
, 定位
, angular js
, min
, angular.js表单验证
, 环视
Angular.js
javascript source、mapsource、source map、webpack sourcemap、gulp sourcemap,以便于您获取更多的相关知识。

时间: 2024-12-28 07:16:10

使用sourcemap快速定位javascript中的问题的相关文章

[译] 快速介绍JavaScript中的CSP

Communicating Sequential Processes 的 7 个示例 CSP 是什么? 一般来说, 它是写并行代码的一套方案. 在 Go 语言里自带该功能, Clojure 通过基于 Macro 的 core.async 来实现, 现在 JavaScript 通过 Generator 也能做支持了, 或者说 ES6 的功能. 为什么我要关心 CSP? 因为它强大啊, 而且高效, 而且简单. 都这样了你还想要什么? :) 好吧, 说细节. 怎样使用呢?我们用 js-csp, 而且需

javascript 调试: javascript调试技巧之:快速定位

赶紧总结一下javascript的调试技巧,这次首先是"快速定位"篇.快速定位,其实就是快速定位程序的错误,所以也算是调试.这个在实际的码代码时往往比较实用.大多数情况下,你的js代码不多(少于1000行),只要能迅速发现代码的错误,往往不用复杂的调试.关于常用的快速定位方法,我总结了一下几点,欢迎大家补充.1. 使用alertalert其实比较实用.本地调试中,在合适的位置写alert,打出来一些变量,虽然比较土,但是往往事半功倍!另外有一个alert技巧,想看看一个对象中的属性和它

jQuery数据检索中根据关键字快速定位GridView指定行的实现方法_jquery

本文实例讲述了jQuery数据检索中根据关键字快速定位GridView指定行的实现方法.分享给大家供大家参考,具体如下: 运行截图如下: 具体代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowGridviewContent.aspx.cs" Inherits="ShowGridviewContent" %> <!DOCTYPE

跨进程实现在Tree中快速定位节点

进程     前些日子写软件时,需要实现一个功能,就是在Tree中快速定位节点,比如注册表编辑器左边的Tree,只要给出Tree中的节点路径(以"\"分隔),就可以快速将树展开,并将当前节点定位到指定的节点.功能的实现并不难,但稍有些麻烦.原因在于,如果是本进程中的Tree,只要发消息就可以了,但如果是另外一个进程中的Tree,就要在那个进程中申请内存,将Tree节点的文字复制到这块内存,然后再把这块内存的数据复制到本进程的一块内存中,才能与指定的节点路径相比较.由于这个功能还有一些可

在Word长文档中快速定位指定信息的方法

在Word长文档中快速定位指定信息的方法 1.打开Word文档,在"开始"选项卡"编辑"选项组中,单击[查找]按钮右侧的下三角按钮( ),在随即打开的下拉列表中执行[转到]命令,打开"查找和替换"对话框,如图1所示.或者也可以使用[Ctrl]+[G]组合键打开该对话框. 图1 打开"查找和替换"对话框 2.在"定位"选项卡左侧的"定位目标"列表框中选择"页",在右侧&

在Word 2007长文档中快速定位

在Word 2007长文档中快速定位 如果有一篇Word2007文档非常长,比如有几章.几十节甚至长达几十.几百页,要想查看或修改某页的内容时,如果拨动滚轮或使用翻页键一点点向后查找,实在需要相当的眼力和耐心.怎样才能在Word2007的长文档中快速定位呢? 其实有一个非常简单的方法.在Word2007界面的左下角,我们可以看到一个"页码标识"按钮,用X/Y的形式标明当前页面是总页数Y中的第X页.比如现在当前页面是5页中的第1页. 其实,只要点击这个"页码标识"按钮

Excel应用实例:在表格中快速定位的方法

在Excel中,我们需要到达某一单元格,一般是使用鼠标拖动滚动条来进行,但如果数据范围超出一屏幕显示范围或数据行数非常多时,想快速定位到某一单元格可要有点麻烦了.其实我们可以使用"定位"功能迅速到达想要的单元格. 例1:需要选中Y2009单元格(或快速移动到Y2009单元格),我们可以使用"编辑/定位"菜单,在引用位置里输入"Y2009"后按回车即可. 例2:需要选中Y列的2004-2009行的单元格,我们按照相同的方法,在引用位置里输入&quo

Excel2007中的快速定位

  本人将平时常用的三种快速定位 Excel2007 /2003表格超长行数据的方法介绍给大家: 假如一个Excel2007/2003 工作表 有10000行,如果第1列第8936行的数据需要修改,怎么办?无论用鼠标拖滚动条,还是用键盘上的翻页键,都需要很长时间. 在Excel 2007中重定位单元格中的数据 方法1:按F5键弹出" 定位 "对话框,在"引用位置"输入地址,然后分具体情况操作: (1)要定位到某一单元格,可在"引用位置"输入&qu

eclipse中怎么快速定位到mybatis的xml (mapper)文件 如下图

问题描述 eclipse中怎么快速定位到mybatis的xml (mapper)文件 如下图 解决方案 这是个eclipse插件,名字是MyBatipse : Eclipse plugin for MyBatis. github: https://github.com/harawata/mybatipse 可以直接在eclipse->help->Eclipse Marketplace中搜索下载安装. 解决方案二: 这个是装的插件吧,一般都是在工具栏Search----file,然后在里面搜索