我目前正在玩Haxe来创建一个简单的小型Web框架。除了前端框架（Yahoo Pure）之外的所有东西都是使用Haxe / HTML / CSS的组合从头开始编写的。我使用USBWebServer在FlashDevelop中编写它，并使用一些自定义构建/部署脚本将输出JS复制到UsbWebserver主机目录，然后启动Google Chrome并将其指向{{3} }。
出于所有意图和目的，我的开发环境是一堆混乱的脚本和文件在一堆不同的目录中。服务器上的输出目录绝对没有Haxe代码，只是从Haxe编译器生成的生成的javascript和PHP文件。
然而不知何故，通过一些黑魔法，谷歌Chrome开发者工具（使用F12打开）有一个＆＃34;来源＆＃34;
的标签正确指向写目录中的Haxe源文件
使用简单的语法高亮显示来源
允许我在haxe代码中添加断点
让我看到变量（包含对象）的值，在达到断点时用鼠标突出显示它们（就像你在Visual Studio或其他花哨的IDE中看到的那样）
< / LI>那么Google Chrome如何做到这一点呢？我的＃34;启动脚本＆＃34;就是这样：
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" "http://localhost:8080/mysite"
可能会解释它是如何找到我的源目录的，因为该脚本是从那里运行的。这并不能解释Google Chrome如何理解Haxe，或者知道如何将生成的javascript代码与源Haxe代码逐行匹配。
我没有安装任何Haxe插件。我唯一的与开发相关的插件是高级REST客户端和Javascript错误通知器（只有在出现javascript错误时才会添加一些可视指示符）
这一切似乎（非常有用）黑魔法。
答案 0 :(得分：1)
我从未使用过Haxe，但我认为它只是吐出常规的源地图（将源变量/行映射到编译），这些都是由所有主流浏览器解释的。要了解更多信息，我建议这篇文章：html5rocks.com/en/tutorials/developertools/sourcemaps