javascript - Chrome 不请求内联脚本标记中的源映射

Question

Chrome 不会为我们的 HTML 中内嵌的脚本加载我们的源 map :

<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。

而且大多数情况下，您必须在浏览器中启用源 map 才能看到它们，正如有人在此处描述的那样:https://stackoverflow.com/a/37190189/2590616 .