问题标签 [source-maps]

现在 CoffeeScript 支持新的 Source Map 热点，我想知道我是否不仅可以在我的浏览器中使用源映射，还可以在开发我的 nodeJS 应用程序时在命令行上使用。

我希望 JS 编译器给我更多有用的错误跟踪，其中的行实际上与我的咖啡脚本文件匹配，而不是编译的 JS 文件。

我刚刚意识到源映射——一个期待已久的功能。这么多人聚在一起为咖啡脚本（浏览器、kickstart 项目等）实现这一目标给我留下了深刻的印象

我设置了一个小测试，所以我可以理解如何使用它......

咖啡脚本

注意这里有一个故意的错误，因为y没有定义

源图

Javascript

玉

这一切似乎都在工作，因为显示了咖啡脚本源，我什至可以设置断点（但图形似乎没有显示，并且在 javascript 中设置断点的位置似乎有点不稳定）。

我遇到的问题是，当出现错误时，控制台会报告 javascript 文件的行号。如何找出导致错误的咖啡脚本源文件的行？

我在 OSX 10.8.2 上使用 Google Chrome 版本 23.0.1271.101

最近 chrome 停止显示 Source Maps。

我的项目有些中断，现在有了新版本的 gwt 和 chrome，我在源选项卡中看不到 java 源。

我正在使用超级开发模式。我从 Code Server 收到的编译文件 (*.cache.js) 包含 Source Maps 的标头：

Code Server 不打印它已发送 Source Maps（和以前一样），只是编译成功

我有：gwt 版本 2.5.0 Chrome 版本 25.0.1364.172 Ubuntu 12.04 LTS（但问题在 Windows 和 MacOS 中也重现）

我在 Chrome Dev 27 上，并在 Dev Tools 设置中选中了Disable cache。当我重新加载页面时，Chrome 会正确重新加载地图页面使用的所有资源，包括.js文件。但是，它不会自动重新加载相应的源映射 .map。监控 Chrome 我的应用程序之间的 HTTP 流量，在随后的页面加载中，我没有看到来自 Chrome 的任何.map文件请求。如何让 Chrome 也重新加载源地图？

Chrome 不重新加载.map文件的问题是它也不会重新加载生成文件的文件，在我的例子中，.js它恰好是一个 CoffeeScript 文件（在旧版本的文件中，即使新代码（来自）正在运行。.coffee.coffee.js

我想调试生产网站，但我不想在服务器上上传地图文件（出于隐私原因，因为它是公共权利？）。

可能吗 ？

从一年前开始，LESS 调试似乎已经取得了长足的进步，我想知道有多少人有使用 Chrome/Canary 中的开发人员工具进行调试的经验。

我试图确保在调试文件时，元素的 CSS 显示为 LESS 文件，而不是 CSS 文件。当我需要知道 LESS 文件的必要行号时，显示 CSS 行号没什么用。我可以在 firefox 中使用 firebug 和 fireless 执行此操作，但它不适用于 chrome

我尝试按照此处的步骤操作，但是即使在仔细按照说明操作后，它似乎也无法正常运行。

我正在运行 OSX，通过 node.js 安装了 LESS，并且正在使用 ST2 插件 Less2CSS 来处理保存时的 less 文件。使用该命令lessc --line-numbers=mediaquery style.less style.css按预期工作并将其写入我的 css 文件的顶部@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/XAMPP\/xamppfiles\/htdocs\/sandbox\/lessDebug\/style\.less}line{font-family:\000035}}，但是在检查元素时，它仍然只捕获 CSS 文件，而不是 LESS 文件。

我打开了必要的 Chrome 首选项（支持 SASS 和启用源地图）

想法？

有谁知道可以压缩/缩小/组合我的 CSS 文件并生成可与 Chrome 一起使用的有效 v3 SourceMap 的工具？最好是 NodeJS 工具。

我所知道的 Node 压缩器是 clean-css、csso、css-condense（使用 css-parse，但在 bootstrap.css 上会阻塞）和 cssmin（来自 YUI 的端口，但没有 CLI）。这些似乎都没有源映射支持。

我认为 SASS (Ruby) 和可能的 Less.js 正在实现，但这些都是预处理器工具。

我正在使用 jQuery 向页面动态添加 CSS 标记：

在 Chrome 开发者工具中查看时，所有 CSS 都显示为“localhost”，这并不总是有帮助：

有没有像 CSS 的 Source Maps 这样的东西可以让我向调试器识别 CSS 的来源？

当我的应用程序打包为 chrome 应用程序时，我在运行源地图时遇到问题。（我在 Chrome 开发者工具中看不到任何 dart 文件）。目前是否支持此功能？

当按原样运行页面时，而不是作为打包的应用程序，源地图工作正常。

通过将生成的 js 文件中的 sourcemapingURL 更改为绝对路径，我设法使它适用于未打包的扩展：

我想知道这是否可以用于打包的应用程序。

有人在这方面取得过成功吗？