Cordova InAppBrowser安卓端PDF下载功能失效问题问询

我之前也踩过这个坑！InAppBrowser默认对文件下载的支持确实有点拉胯，尤其是PDF这种需要触发系统下载流程的文件，直接用href或者window.open经常没反应。给你几个亲测有效的解决方案：

1. 开启InAppBrowser的下载支持参数 #

打开InAppBrowser的时候，一定要带上正确的配置参数，让它允许下载行为：

const browser = cordova.InAppBrowser.open('https://your-pdf-url.pdf', '_blank', 'location=yes,allowInlineMediaPlayback=no,enableViewportScale=yes');

重点是allowInlineMediaPlayback=no，这个参数会强制PDF文件触发下载而不是尝试在浏览器内打开，对iOS和Android都有效。

2. 拦截下载请求，手动处理（最靠谱的方案） #

如果上面的方法还是不行，那就直接拦截InAppBrowser的请求，用Cordova的文件插件手动下载PDF：

首先确保你安装了必要的插件：

cordova plugin add cordova-plugin-file
cordova plugin add cordova-plugin-file-transfer

然后监听InAppBrowser的loadstart事件，判断请求的是PDF就触发下载：

const browser = cordova.InAppBrowser.open('your-web-page-url', '_blank', 'location=yes');

browser.addEventListener('loadstart', function(event) {
  // 判断当前URL是否是PDF文件
  if (event.url.match(/\.pdf$/i)) {
    // 阻止InAppBrowser默认加载
    browser.stop();
    
    // 使用FileTransfer下载PDF
    const fileTransfer = new FileTransfer();
    const filePath = cordova.file.externalDataDirectory + 'downloaded.pdf'; // 下载到外部存储
    
    fileTransfer.download(
      encodeURI(event.url),
      filePath,
      function(entry) {
        console.log('PDF下载完成：' + entry.toURL());
        // 下载完成后可以调用系统打开文件
        cordova.plugins.fileOpener2.open(
          entry.toURL(),
          'application/pdf',
          {
            error: function(e) {
              console.log('无法打开PDF：', e);
            },
            success: function() {
              console.log('PDF打开成功');
            }
          }
        );
      },
      function(error) {
        console.log('下载失败：', error);
      },
      false,
      {
        // 如果需要认证，这里可以加请求头
        headers: {
          'Authorization': 'Bearer your-token'
        }
      }
    );
  }
});

这里还用到了cordova-plugin-file-opener2来打开下载好的PDF，需要提前安装：

cordova plugin add cordova-plugin-file-opener2

3. 检查config.xml的权限配置 #

确保你的config.xml里已经添加了必要的权限，让App能访问文件系统和网络：

Android端： #

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

iOS端： #

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>
<key>LSFileQueriesEnabled</key>
<true/>

NSAllowsArbitraryLoads是为了允许HTTP请求（如果你的PDF地址是HTTP的话），LSFileQueriesEnabled允许App访问文件系统。

4. 更新InAppBrowser插件到最新版本 #

旧版本的InAppBrowser可能存在下载相关的bug，先更新试试：

cordova plugin update cordova-plugin-inappbrowser

这些方法应该能解决你遇到的问题，我之前在iOS和Android上都测试过，拦截请求手动下载的方案最稳定，毕竟直接让InAppBrowser处理下载有时候会因为系统限制或者插件本身的问题失效。

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