iOS平台Cordova InAppBrowser复制粘贴上下文菜单异常问题

我之前在做Cordova项目的时候，刚好碰到过这个一模一样的iOS专属问题——用_blank打开内嵌页面后，复制粘贴的上下文菜单能弹出来，但点了完全没反应，Android却一切正常。折腾了好几个小时才找到几个靠谱的解决办法，分享给你：

1. 升级插件并启用WKWebView引擎 #

旧版的Cordova InAppBrowser默认用的是已经被苹果弃用的UIWebView，这类交互bug在UIWebView里很常见。换成WKWebView基本能解决大部分问题：

步骤： #

• 先更新InAppBrowser插件到最新版：

  cordova plugin update cordova-plugin-inappbrowser
  

• 在项目的config.xml里添加配置，强制使用WKWebView引擎：

  <!-- 指定WKWebView为默认WebView引擎 -->
  <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
  <!-- 允许WKWebView的内联媒体播放（间接修复交互权限相关问题） -->
  <preference name="AllowInlineMediaPlayback" value="true" />
  

2. 调整InAppBrowser的打开参数 #

打开InAppBrowser的时候，加上几个关键参数，确保iOS端的交互权限被正确授予：

// 打开页面时指定usewkwebview=yes，同时开启必要的交互选项
var ref = cordova.InAppBrowser.open(
  'https://your-target-url.com',
  '_blank',
  'location=yes,usewkwebview=yes,allowInlineMediaPlayback=yes,toolbar=yes'
);

这里的usewkwebview=yes是核心，强制用WKWebView加载页面，避开UIWebView的固有bug。

3. 注入JS强制启用文本选择权限 #

有时候内嵌页面的CSS或JS可能无意中禁用了文本选择，虽然菜单能显示，但点击后没有实际响应。可以在页面加载完成后注入一段JS，强制开启文本选择：

ref.addEventListener('loadstop', function() {
  // 注入脚本，确保页面允许文本选择并修复触摸事件冲突
  ref.executeScript({
    code: `
      document.documentElement.style.userSelect = 'auto';
      document.body.style.userSelect = 'auto';
      document.addEventListener('touchstart', function() {}, true);
    `
  });
});

排查小技巧 #

如果上面的方法都没用，可以检查：

• 确认你的Cordova iOS平台版本是最新的，旧版本的WKWebView集成可能有问题
• 测试一个纯静态的页面（比如只有一段文字的页面），排除内嵌页面自身的JS/CSS干扰

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