个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我按照 here 所述使用 Closure 编译了一个小测试:
使用 java -jar compiler.jar --js test.js --create_source_map ./test-min.js.map --source_map_format=V3 --js_output_file test-min.js 我有:
HTML:
<html>
<body>
<canvas id="doodle" height="200" width="200"></canvas>
<script src="test-min.js"></script>
</body>
</html>
JS 测试-min.js:
(function(){for(var b=document.getElementById("doodle").getContext("2d"),a=0;100>a;a++)b.fillStyle="rgb(200,0,0,0.1",b.fillRect(10*a,10,55,50*a),b.fillStyle="rgba(0, 0, 200, 0.1)",b.fillRect(30,30*a,55,50*a)})();
//# sourceMappingURL=test-min.js.map
JS 测试-min.js.map:
{
"version":3,
"file":"test-min.js",
"lineCount":1,
"mappings":"AAAC,SAAQ,EAAG,CAEV,IADD,IAAIA,EAAMC,QAAAC,eAAA,CAAwB,QAAxB,CAAAC,WAAA,CAA6C,IAA7C,CAAV,CACUC,EAAE,CAAX,CAAgB,GAAhB,CAAcA,CAAd,CAAqBA,CAAA,EAArB,CACCJ,CAAAK,UAIA,CAJgB,iBAIhB,CAHAL,CAAAM,SAAA,CAAc,EAAd,CAAiBF,CAAjB,CAAoB,EAApB,CAAwB,EAAxB,CAA4B,EAA5B,CAA+BA,CAA/B,CAGA,CADAJ,CAAAK,UACA,CADgB,sBAChB,CAAAL,CAAAM,SAAA,CAAc,EAAd,CAAkB,EAAlB,CAAqBF,CAArB,CAAwB,EAAxB,CAA4B,EAA5B,CAA+BA,CAA/B,CAPS,CAAX,CAAA;",
"sources":["test.js"],
"names":["ctx","document","getElementById","getContext","i","fillStyle","fillRect"]
}
都在同一个文件夹中。但是，Firefox 和 Chrome devtools 都不会显示 sourcemap 中未编译的源代码。我做错了什么，或者这是最新的 Closure 编译器中的错误？
最佳答案
这些文件对我来说看起来不错，我只是用最新的 Closure 编译器试了一下没有问题。由于您没有在问题中提及这两件事，因此您应该验证以下内容:
确保原始 .js 文件 test.js 位于同一目录中。源映射告诉浏览器如何将缩小/编译文件中的行映射到原始源——但它仍然需要原始源。
确保已启用 JavaScript 源映射支持。在 Chrome 中，在设置的来源下寻找JavaScript source map support。在 Firefox 中，选中调试器选项中的“显示原始来源”。
如果您设置了这些东西，它应该可以正常工作。请注意，如果您进入源代码面板并单击 min.js 文件，您仍然可以看到缩小文件的内容。但是，如果您在非缩小 文件中设置断点，它应该可以正常工作。
同样，如果您的代码中有异常(并且您打开了异常中断)，当您进入调试器时，它应该显示异常发生在非缩小代码中的位置.
另见:
希望这对您有所帮助。
关于javascript - 我的 Closure 编译源映射有什么问题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21926241/
25
4
0
我刚刚开始使用 Google Closure 做一些工作，我想将选择字段的创建移动到它自己的模板中，并使用类似以下内容调用该模板: {call templates.utils.select} {p
我有一些代码，简化后看起来像: fn foo() -> Vec { unsafe { unsafe_iterator().map(|n| wrap_element(n)).co
我正在从脚本内部调用Closure Compiler（closurecompiler.jar）。该脚本还生成Closure Compiler需要编译的一些javascript。有没有办法将此JavaS
以下示例代码生成有关高级优化的编译器警告:“JSC_UNSAFE_NAMESPACE:为命名空间 NS 创建的别名不完整”。如果我删除@enum 注释，它不会发出警告。 var NS = {}; /*
看代码: let add_one = |&: x| { 1 + x }; 我知道x是闭包参数，但是闭包中的&:是什么意思？ 最佳答案 这是 Rust 的一个文档不足的部分(并且过时，请参阅评论)。我知
PHP manual for anonymous functions (即闭包)指出: Anonymous functions are currently implemented using the
我从脚本内部调用 Closure Compiler (closurecompiler.jar)。该脚本还生成了一些 Closure Compiler 需要编译的 javascript。有没有办法将这个
关闭。这个问题是opinion-based .它目前不接受答案。 想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文回答问题. 7年前关闭。 Improve t
当鼠标在文档正文中移动时，我试图调用一个函数。但是，下面的事件处理程序不起作用。 goog.events.listen(document, 'onmousemove', function(e)
我试过了 java -jar compiler.jar --js jj.js --js_output_file jj.js 输出文件大小为 0。 如果我不想从 .min.js 重命名为 .js，我该怎
Google Closure UI库如何与Google DART一起使用？ 最佳答案 Dart没有使用JavaScript库的功能。这是设计使然，因为Dart旨在同时针对Dart VM和转换为JS的D
是否可以使用 Google Closure 编译器在两个文件中定义一个类？例如，如果我自动生成一个类并希望为用户输入的代码保留另一个类: 在 MyClass.AutoGenerated.js 中 go
当我在 http://closure-compiler.appspot.com 处的闭包编译器中测试以下代码时: // ==ClosureCompiler== // @output_file_name
是否可以使用 Google Closure 编译器在两个文件中定义一个类？例如，如果我自动生成一个类并希望为用户输入的代码保留另一个类: 在 MyClass.AutoGenerated.js 中 go
当我运行闭包编译器时，会收到一堆这样的警告: [exec] jquery/3.2.1/dist/jquery.js:733: WARNING - Suspicious code. The resul
假设您正在一个具有多个外部库依赖项的 javascript 项目中工作，并且想要在 ADVANCED_OPTIMIZATIONS 模式下使用 Google Closure Compiler 编译您的源
我正在为 PIXI.js 库准备 externs。我收到以下警告: js/Test.js:188: WARNING - Property position never defined on PIXI.
我最近使用 Google 的 Closure 编译器创建了一个 JavaScript 库:https://github.com/bvaughn/task-runner 我打算让这个库供那些也需要完整闭
我正在尝试自学闭包模板。我做了一个简单的文件 simple.soy: {namespace examples.simple} /** * says hello to the world * @pa
我正在将一个项目从 jQuery 迁移到 Closure。我有一些我想编译的只迁移了一半的代码。未编译的源工作正常。我想知道使用 SIMPLE_OPTIMIZATIONS 编译它的编译命令。 原始基于
我是一名优秀的程序员,十分优秀！