HTML有SourceMaps吗？

Question

在Google Chrome浏览器中已经支持JS、CSS、CoffeeScript等的sourcemaps，Paul Irish也展示了使用sourcemaps的SASS。

这是一种将开发源文件与浏览器中编译结果进行映射以便于返回到源代码的技术。

那么，现在是否有HTML的sourcemaps呢？像Jade、Slim这样的语言真的想要这样的功能，以便人们可以更轻松地调试它们。

- jiyinyiyong

---

这在 Magento 中将非常有用，因为网页是从许多 .phtml 文件生成的。+100000 - Alex

根据源映射的规格，它“应该”可以工作-但不知道是否有人尝试过：https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/ - Alex

@Alex，你能在那里标出相关的句子吗？我搜索了“html”，但没有找到任何清晰的描述。 - jiyinyiyong

（尽管格式本身与语言无关。） - Alex

Answer 1

源映射（Sourcemaps）今天并不是为HTML准备好的。这也是非常复杂的实现。

这在未来可能会改变。如果此响应被标记为正确，并且有人在一段时间后知道我的答案不再正确，请在下面评论我是错误的。

- Emerson Rocha

Answer 2

生成源映射（sourcemaps）对于像css这样的通用方式来说非常简单，但是目前没有浏览器支持。

一些编辑器有插件支持此功能。但请注意：这对于静态页面效果最佳。（例如pug/jade，我们在使用nodejs+gulp的地方采用此方法）

- BananaAcid

---

哪些编辑器/插件支持这个功能？ - Alex

@Alex 对我们来说，我们使用的是 https://github.com/sidorares/pugify ... 我们使用了一个实验性的插件，它的行为就像开发者检查器 -- 我相信这一切都已经消失了。对于 EJS、Haml 和 Markdown ... 我们使用 gulp + 一个 sourcemap 生成器来创建它们，但在浏览器中解析 sourcemaps 并没有被任何供应商真正采用 -- 我们有一个小工具，我们输入文件名和行号，就可以将相关行输出到终端上。那时候是在2017/2018年。 - BananaAcid