JavaScript 源地图不适用于环境 Android WebView答案

【问题标题】：JavaScript Source map don't work with environment Android WebViewJavaScript 源地图不适用于环境 Android WebView
【发布时间】：2019-09-11 05:27:45
【问题描述】：

我正在制作基于 WebView 的 Android 原生应用，并且正在通过 Mac chrome 的 Web 检查器/调试控制台调试 JavaScript。
但是，在这种环境下，调试工具不会加载 JavaScript 源映射。

更准确地说，如果您在 WebView 中查看的 html 页面是在 Internet 上的，那么源地图将被正确加载。

但是，如果您正在查看的html页面是WebViewClient的shouldInterceptRequest方法生成的响应，则不会加载源地图。

webpack 的源码很难调试，所以想在 Android WebView 上看源码图。

有人知道这种现象吗？
有人知道如何避免这种情况吗？

附加信息：
安卓版本：安卓9
Chrome 版本：76.0.3809.132 for Mac
我确定将 True 设置为“启用 JavaScript 源映射”。

【问题讨论】：

标签： javascript android webview source-maps

【解决方案1】：

如果您使用webpack，您可以告诉它使用内联源映射为本地开发制作一个捆绑包 - 这将在 js 文件中包含源映射，而不是单独的 .map 文件

在你的 webpack 配置中添加/更改它以进行本地开发

devtool: 'inline-source-map'

【讨论】：