如何开发使用Firefox WebView的Android应用？（基于Android Studio与Cordova）

嘿，我完全get你的需求——不想费劲维护自定义浏览器分支，又要验证那些在Firefox里跑的顺但默认WebView出问题的HTML/JS/WebGL内容，还得靠切换WebView来定位问题根源对吧？下面给你一步步来的解决方案，亲测好用：

• 先确认Firefox WebView的可用性
  你已经在设备上装了标准Firefox浏览器，这点很关键——它自带了可被第三方应用调用的WebView组件，不需要额外装独立的Firefox WebView包，省了不少事。

• 配置Cordova项目切换WebView
  要让你的Cordova应用用上Firefox的WebView，只需要两步：

  1. 安装对应的Cordova插件：

     cordova plugin add cordova-plugin-firefox-webview
     

  2. 修改项目根目录下的config.xml，添加偏好设置强制指定WebView实现：

     <preference name="WebViewImpl" value="Firefox" />
     

  做完这两步，重新构建项目，你的应用就会用Firefox的WebView来加载Web内容了。

• 对比调试定位问题
  切换后，你可以直接在应用里跑那些有问题的HTML/JS/WebGL内容，对比默认WebView和Firefox WebView的表现：

  • 针对WebGL问题：打开Firefox浏览器的「远程调试」开关（在设置里找开发者选项），然后用Android Studio的调试工具或者Firefox自带的DevTools连接设备，查看WebGL上下文的报错日志，很容易定位兼容性问题。
  • 针对JavaScript差异：分别在两个WebView下打开控制台，对比输出的日志，看看是不是默认WebView不支持某些ES6+语法或者Web API。

• 额外实用小技巧

  • 要是需要快速在两个WebView之间切换，不用每次改config.xml重新构建——有些插件支持运行时切换，你可以在代码里加个开关逻辑，调用插件API切换WebView实现。
  • 记得保持设备上的Firefox浏览器更新到最新版本，这样WebView的特性和兼容性也能跟上。
  • 如果你用了自定义的Cordova插件，要留意它们在Firefox WebView下的兼容性，大部分标准插件都没问题，但少数依赖系统WebView私有API的可能需要调整代码。

内容的提问来源于stack exchange，提问作者David Cary