Android集成JavaScript无返回结果问题求助

问题背景 #

在Android应用中尝试将URL传入JavaScript脚本，期望获取字符串类型的true或false返回值。该JS代码独立运行时功能正常，但集成到Android后，无法获取脚本返回的数据，也无法确认JS是否正常执行。

核心问题分析 #

1. 逻辑偏离预期：当前代码加载的是空HTML页面，JS在空页面中查找元素，而非目标URL对应的页面，完全不符合需求逻辑。
2. WebView初始化问题：使用Application上下文创建WebView且未添加到视图层级，部分Android系统下WebView无法正常初始化、执行JS，甚至会被系统回收。
3. URL拼接语法风险：直接将URL拼入JS代码，若URL包含单引号、特殊字符，会直接导致JS语法错误，执行中断。
4. 错误反馈缺失：JS执行出错或页面加载失败时，没有对应的回调通知，无法排查问题。

修复后的代码实现 #

public void linkValidation(String url) {
    textStatus.setTextColor(ContextCompat.getColor(MainActivity.this, R.color.white));
    textStatus.setText(getString(R.string.validating_link));

    // 正则匹配profile链接
    Pattern profileLinkPattern = Pattern.compile("^https://www.threads.net/@[^/]+$");
    Matcher profileMatcher = profileLinkPattern.matcher(url);

    if (url.startsWith("https://www.threads.net") || url.startsWith("https://threads.net")) {
        if (profileMatcher.matches()) {
            textStatus.setText(getString(R.string.profile_link));
        } else if (url.contains("/post/") || url.contains("threads.net/t/")) {
            textStatus.setText(null);
            // 调用修复后的JS执行方法
            runJavaScriptInWebView(url, result -> {
                textStatus.setText(result);
                Toast.makeText(MainActivity.this, "Result: " + result, Toast.LENGTH_LONG).show();
            });
        } else {
            textStatus.setTextColor(ContextCompat.getColor(MainActivity.this, R.color.orange));
            textStatus.setText(getString(R.string.threadlink_invaliddataurl));
        }
    } else if ((!url.startsWith("https://") && url.contains("www.threads.net")) 
            || (!url.startsWith("https://") && url.contains("threads.net"))) {
        textStatus.setTextColor(ContextCompat.getColor(MainActivity.this, R.color.orange));
        textStatus.setText(getString(R.string.threadLink_NoHttps));
    } else {
        Toast.makeText(MainActivity.this, "Invalid Url", Toast.LENGTH_SHORT).show();
        textStatus.setTextColor(ContextCompat.getColor(MainActivity.this, R.color.orange));
        textStatus.setText(getString(R.string.threadLink_False));
    }
}

private void runJavaScriptInWebView(String url, final JavaScriptCallback callback) {
    // 使用Activity上下文创建WebView
    WebView webView = new WebView(MainActivity.this);
    // 将WebView添加到视图层级（设置为0大小不影响UI）
    addContentView(webView, new ViewGroup.LayoutParams(0, 0));

    WebSettings settings = webView.getSettings();
    settings.setJavaScriptEnabled(true);
    // 启用DOM存储，确保页面正常加载
    settings.setDomStorageEnabled(true);
    // 允许混合内容加载（适配目标页面资源）
    settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);

    // JS交互接口，处理结果和错误
    class JavaScriptInterface {
        @JavascriptInterface
        public void processResult(String result) {
            // 切换到主线程更新UI
            runOnUiThread(() -> callback.onResult(result));
            // 任务完成后移除WebView，避免内存泄漏
            ((ViewGroup) webView.getParent()).removeView(webView);
        }

        @JavascriptInterface
        public void onError(String errorMsg) {
            runOnUiThread(() -> callback.onResult("error: " + errorMsg));
            ((ViewGroup) webView.getParent()).removeView(webView);
        }
    }

    webView.addJavascriptInterface(new JavaScriptInterface(), "androidJSInterface");

    // 捕获JS控制台日志，用于调试
    webView.setWebChromeClient(new WebChromeClient() {
        @Override
        public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
            Log.d("JavaScriptConsole", String.format("%s -- Line %d, Source: %s",
                    consoleMessage.message(),
                    consoleMessage.lineNumber(),
                    consoleMessage.sourceId()));
            return true;
        }
    });

    webView.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageFinished(WebView view, String loadedUrl) {
            super.onPageFinished(view, loadedUrl);
            // 页面加载完成后执行JS逻辑
            String jsCode = "try {" +
                    "    const svgElement = document.querySelector('[aria-hidden=\"true\"][fill=\"none\"]');" +
                    "    const result = svgElement ? 'true' : 'false';" +
                    "    console.log('Detection Result:', result);" +
                    "    window.androidJSInterface.processResult(result);" +
                    "} catch (error) {" +
                    "    console.error('JS Execution Error:', error);" +
                    "    window.androidJSInterface.onError(error.message);" +
                    "}";
            // 使用evaluateJavascript执行，比拼接HTML更安全可靠
            view.evaluateJavascript(jsCode, null);
        }

        @Override
        public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
            super.onReceivedError(view, request, error);
            // 页面加载失败时通知回调
            runOnUiThread(() -> callback.onResult("load_error: " + error.getDescription()));
            ((ViewGroup) webView.getParent()).removeView(webView);
        }
    });

    // 加载目标URL
    webView.loadUrl(url);
}

private interface JavaScriptCallback {
    void onResult(String result);
}

关键修复点说明 #

• 修正核心逻辑：先加载目标URL，页面加载完成后再执行JS查找元素，符合需求预期。
• WebView生命周期管理：将WebView添加到视图层级，使用Activity上下文，避免初始化失败。
• 安全执行JS：使用evaluateJavascript方法执行JS，避免URL拼接导致的语法错误。
• 完善错误处理：添加页面加载错误、JS执行错误的回调，便于排查问题。
• 线程安全：JS回调切换到主线程更新UI，避免异常；任务完成后移除WebView，防止内存泄漏。

额外配置要求 #

1. 添加网络权限：在AndroidManifest.xml中添加：

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

2. 适配Android 11+：在application标签内添加查询权限，确保WebView能正常访问HTTPS链接：

   <queries>
       <intent>
           <action android:name="android.intent.action.VIEW" />
           <data android:scheme="https" />
       </intent>
   </queries>
   

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