Android WebView封装Poe.com应用时复制文本出现剪贴板错误求助

问题分析 #

poe.com这类网站通常会使用JavaScript剪贴板API（如navigator.clipboard）处理复制操作，默认WebView配置未正确授权剪贴板访问权限，也缺少对应事件处理逻辑，导致复制失败。

解决方案 #

1. 添必要权限到AndroidManifest.xml #

在清单文件中添加适配不同Android版本的剪贴板相关权限：

<!-- Android 10及以下版本 -->
<uses-permission android:name="android.permission.READ_CLIPBOARD" />
<uses-permission android:name="android.permission.WRITE_CLIPBOARD" />

<!-- Android 13及以上版本，仅后台访问剪贴板时需要，前台操作可省略 -->
<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />

2. 配置WebView并添加权限处理逻辑 #

修改MainActivity代码，补充WebView设置和权限请求处理：

public class MainActivity extends AppCompatActivity {
    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewById(R.id.webview);
        webView.setWebViewClient(new MyWebViewClient());
        
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true); // 启用DOM存储，适配poe页面逻辑
        webSettings.setAllowContentAccess(true);
        webSettings.setAllowFileAccess(true);
        
        // 设置WebChromeClient处理剪贴板权限请求
        webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onPermissionRequest(PermissionRequest request) {
                for (String permission : request.getResources()) {
                    if (permission.equals(PermissionRequest.RESOURCE_CLIPBOARD_READ) ||
                        permission.equals(PermissionRequest.RESOURCE_CLIPBOARD_WRITE)) {
                        request.grant(request.getResources());
                        return;
                    }
                }
                super.onPermissionRequest(request);
            }
        });
        
        webView.loadUrl("https://poe.com/");
    }

    private class MyWebViewClient extends WebViewClient {
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
            view.loadUrl(request.getUrl().toString());
            return true;
        }
    }

    @Override
    public void onBackPressed() {
        if (webView.isFocused() && webView.canGoBack()) {
            webView.goBack();
        } else {
            super.onBackPressed();
        }
    }
}

3. 手动处理复制事件（备选方案） #

若上述方案无效，可通过拦截长按事件手动处理复制：

// 在onCreate方法中添加以下代码
webView.setOnLongClickListener(v -> {
    WebView.HitTestResult result = webView.getHitTestResult();
    if (result.getType() == WebView.HitTestResult.SELECTION_TYPE) {
        String selectedText = webView.getSelection().toString();
        if (!TextUtils.isEmpty(selectedText)) {
            ClipboardManager clipboard = (ClipboardManager) getSystemService(Context.CLIPBOARD_SERVICE);
            ClipData clip = ClipData.newPlainText("poe_selected_text", selectedText);
            clipboard.setPrimaryClip(clip);
            Toast.makeText(MainActivity.this, "已复制到剪贴板", Toast.LENGTH_SHORT).show();
            return true;
        }
    }
    return false;
});

说明 #

• 启用DomStorageEnabled是因为poe.com依赖DOM存储保存用户状态和页面逻辑，缺少该设置可能导致部分功能异常。
• WebChromeClient的onPermissionRequest方法用于授权网页访问剪贴板的权限，确保JavaScript剪贴板API正常工作。
• 网页自带复制按钮触发的JS逻辑优先依赖权限授权方案，手动长按复制作为备选。

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