使用 navigator.clipboard.writetext 复制到剪贴板在 android WebView 中不起作用

Question

我有一个简单的 Android WebView 应用程序，它使用以下代码显示一个具有“复制”按钮的网站：-

navigator.clipboard.writeText('Text to be copied')
  .then(() => {
    console.log('Text copied to clipboard');
  })
  .catch(err => {
    // This can happen if the user denies clipboard permissions:
    console.error('Could not copy text: ', err);
  });

这适用于所有桌面和移动浏览器以及 iOS WebView 应用程序，但是我不能它失败并在 android WebView 应用程序中捕获以下错误：DOMException：写入权限被拒绝。

这些是应用程序内 WebView 的设置：

    webView.settings.javaScriptEnabled = true
    webView.settings.userAgentString = "EngageMobileApp Android"
    webView.settings.builtInZoomControls = true
    webView.settings.displayZoomControls = false
    webView.settings.allowFileAccess = true
    webView.settings.setAppCacheEnabled(true)
    webView.settings.domStorageEnabled = true
    webView.settings.loadWithOverviewMode = true
    webView.settings.allowContentAccess = true
    webView.settings.mediaPlaybackRequiresUserGesture = false
    webView.settings.javaScriptCanOpenWindowsAutomatically = true
    WebView.setWebContentsDebuggingEnabled(true)

以及清单中设置的权限：

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

Answer 1

错误消息“DOMException：写入权限被拒绝”通常表示 WebView 不允许访问剪贴板。要在 Android 上的 WebView 中启用剪贴板访问，您需要将 android.permission.WRITE_EXTERNAL_STORAGE 权限添加到应用程序的清单文件中，然后在运行时显式授予该权限。

以下是如何在运行时请求权限：

// Check if the permission has been granted
if (ContextCompat.checkSelfPermission(this, Manifest.permission.WRITE_EXTERNAL_STORAGE)
        != PackageManager.PERMISSION_GRANTED) {
    // Request the permission
    ActivityCompat.requestPermissions(this,
            new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE},
            1);
} else {
    // Permission has already been granted
}

您还需要处理权限请求的结果：

@Override
public void onRequestPermissionsResult(int requestCode, String[] permissions,
        int[] grantResults) {
    if (requestCode == 1) {
        if (grantResults.length > 0
                && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
            // Permission has been granted
        } else {
            // Permission has been denied
        }
    }
}

请注意，请求 WRITE_EXTERNAL_STORAGE 权限可能会提示用户授予与存储访问相关的其他权限，例如 READ_EXTERNAL_STORAGE。

Answer 2

使用 JavaScript 接口：您可以在 JavaScript 和 Android 代码之间建立接口来复制内容，而不是依赖浏览器的剪贴板 API。

class WebAppInterface(private val context: Context) {
    @JavascriptInterface
    fun copyToClipboard(text: String) {
        val clipboard = context.getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager
        val clip = ClipData.newPlainText("Copied Text", text)
        clipboard.setPrimaryClip(clip)
    }
}

webView.addJavascriptInterface(WebAppInterface(this), "AndroidInterface")

javascript

if (window.AndroidInterface) {
    window.AndroidInterface.copyToClipboard('Text to be copied');
} else {
    // Fallback to the navigator.clipboard.writeText method
}

Answer 3

有点与另一个线程重复。如果您遇到同样的问题，请查看我对此问题的回答，它与此处提到的内容 100% 相关。