基于Electron+React的浏览器能否从WebView下载Chrome扩展？求助

Chrome应用商店默认会对非Chrome浏览器隐藏下载按钮，所以你在Electron WebView里看不到按钮是正常现象，以下是几个可行的解决思路：

1. 直接构造CRX文件下载链接 #

每个Chrome扩展都有唯一的ID，你可以从商店页面的URL中提取（比如https://chrome.google.com/webstore/detail/xxx/abcdefghijklmnopqrstuvwxyz中的abcdefghijklmnopqrstuvwxyz就是扩展ID）。

用这个ID构造下载链接：

https://clients2.google.com/service/update2/crx?response=redirect&prodversion=114.0.0.0&x=id%3D[你的扩展ID]%26installsource%3Dondemand%26uc

把链接中的[你的扩展ID]替换成实际ID，prodversion可以填当前Electron对应的Chrome版本号（可通过process.versions.chrome获取）。

在Electron中，你可以监听WebView的页面导航事件，当用户打开扩展商店页面时自动提取ID并生成下载链接，再通过Electron的download API触发下载流程。

2. 伪装Chrome浏览器环境 #

通过修改WebView的User-Agent，让商店识别为Chrome：

// 在WebView初始化时设置
webview.setUserAgent('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36');

同时确保WebView标签添加了必要权限属性：

<webview src="https://chrome.google.com/webstore" allowpopups allowdownloads></webview>

注意：这种方法不一定总能生效，商店可能有额外的环境检测机制。

3. 辅助用户手动输入扩展ID #

可以在你的浏览器中添加一个输入框，让用户直接输入扩展ID，然后自动生成CRX下载链接并触发下载。这种方式更稳定，不受商店检测影响。

额外注意 #

下载后的CRX文件需要正确加载到Electron中，你可以使用session.loadExtension()方法加载扩展目录（需要先解压CRX文件），加载前要确保扩展符合Electron的权限要求。另外，注意遵守Chrome应用商店的服务条款，避免未经授权的批量下载或分发行为。

内容的提问来源于stack exchange，提问作者Zakary Fofana