一种绕过 Windows WebView DevTools 限制的方法

继上篇文章简述了如何从 Tauri 打包的程序中提取出静态资源后，我继续对一些 Tauri 程序进行了逆向。但是每次提取、修改、重打包非常的繁琐，我还是觉得 DevTools 比较好用。但是这类 Webview 程序一般都会禁用 DevTools，如何开启成了一个问题。

根据微软的文档

If none of the above approaches are available, you can add –auto-open-devtools-for-tabs to the browser arguments via an environment variable or registry key. This approach will open a DevTools window when a WebView2 is created.

我测试了 Chrome 系的浏览器，发现在启动时加上--auto-open-devtools-for-tabs参数后，确实会自动打开 DevTools。但是 Webview 没有启动参数，如何传递参数给 Webview 呢？
注意到微软文档提到了可以添加到环境变量和注册表，虽然没有详细说明，但是经过一番查找还是让我找到了文档。

文档中提到

When creating a CoreWebView2Environment the following environment variables are verified.

• WEBVIEW2_BROWSER_EXECUTABLE_FOLDER
• WEBVIEW2_USER_DATA_FOLDER
• WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS
• WEBVIEW2_RELEASE_CHANNEL_PREFERENCE

不难看出，其中WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS就是我们需要的环境变量，我们只需要将--auto-open-devtools-for-tabs添加到环境变量中，就可以在程序启动时自动打开 DevTools 了。

注意，由于 Chrome 的一些限制，我们需要在程序启动前设置环境变量，即不能运行着一个程序实例时设置环境变量再次启动，否则可能会导致程序崩溃。

省流

> set WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS="--auto-open-devtools-for-tabs"
> tauri-app.exe

经过测试，使用 Webview2 来实现的程序都可以使用这种方法打开 DevTools，包括 Tauri、Wails、pywebview 等。