【问题标题】:Safari console show error when sourcemap is unavailable?源映射不可用时 Safari 控制台显示错误?
【发布时间】:2016-04-08 04:49:07
【问题描述】:

有时我们想从生产服务器获取源地图。但我们只希望开发人员获得这些 sourcemap,因此会有一些策略来避免任何其他人获得 sourcemap,例如限制 sourcemap 请求的 IP。

当源地图不可用时,Chrome 和 Firefox 不会显示任何错误消息。但是 Safari 会为这些源图显示 403/404 错误。

我的问题是:有没有办法让 Safari 不显示这些消息?

【问题讨论】:

  • 你能在哪里解决这个问题?

标签: google-chrome firefox safari source-maps


【解决方案1】:

如果您愿意在 Chrome 中调试您的代码,您可以省略对源映射的引用,以便最初根本不需要它,然后从开发工具的“源”窗格手动请求源映射。

Webpack 有这个选项:

hidden-source-map - 与 source-map 相同,但不向包添加参考注释。

https://webpack.github.io/docs/configuration.html#devtool

Webpack / Chrome 组合对我来说效果很好。请参阅my question,了解有关如何应用隐藏源映射的详细说明。

通过指定空白source-map-url 可能可以使用uglify 实现隐藏源映射,但我没有尝试过。

--source-map-url - 要添加到//# sourceMappingURL 中的源映射的路径。默认为 --source-map 传递的值。

https://github.com/mishoo/UglifyJS2

如果您需要在 Safari 或 Firefox 中进行调试,请在此处查看答案:How to apply a hidden / remote sourcemap in Safari?

【讨论】:

  • 问题是“有没有办法让 Safari 不显示这些消息?”
  • @VadymK 这确实回答了我解释的问题:“如何防止 safari 抛出 403/404 错误?”使用hidden-source-map 将实现这一点:safari 不会发出请求,因此没有 404。这是一种折衷方案,因为隐藏源地图有点麻烦。
猜你喜欢
  • 2016-08-29
  • 1970-01-01
  • 2016-07-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-05-14
  • 1970-01-01
  • 2017-02-06
相关资源
最近更新 更多