Chrome不以内嵌脚本标签请求源地图

Question

Chrome不会为HTML内联包含的脚本加载源地图。

<script type="text/javascript">!function t(n,e,r){ /* more code */}()
//# sourceMappingURL=public/js/edit-before.js.map
</script></body>

我知道Chrome不会请求源地图，因为我将服务器设置为记录所有请求，并且还检查了Chrome网络控制台。我验证了源映射的路径是正确的，浏览器没有找到它。

Chrome是否应在script代码中加载JS的源映射？如果是这样，我在做什么错？

Answer 1

对我来说，它目前可以在 Chrome 中运行（也许问题提出时还没有运行），但在 Firefox 中仍然不行。但路径必须正确，在本例中是绝对 url 或相对 url，相对于执行脚本标记的页面！

因此，拥有像这样的路径public/js/edit-before.js.map和像这样的页面/home/index.html，将导致/home/public/js/edit-before.js.map。想象一下，如果您在类似 的页面上使用脚本标记会发生什么/blog/2019/01/01/12345/article.html。那么那就更好用了https://example.com/public/js/edit-before.js.map。

大多数情况下，您必须在浏览器中启用源映射才能看到它们，正如有人所述： https: //stackoverflow.com/a/37190189/2590616。