Android环境下用Iframe时，如何通过JS在默认浏览器而非WebView打开新链接？

嘿，这个问题我之前帮好几个开发者解决过！Android WebView里iframe的链接默认会在WebView内打开，要让它们跳去系统浏览器，得结合JS和原生代码来搞，分两种场景给你讲清楚：

WebView默认会拦截所有页面（包括iframe）的链接请求，所以我们的目标是：捕获到iframe里的点击事件，把URL传递给Android原生代码，再由原生调用系统默认浏览器打开。

如果你的iframe是同域页面，或者你有权修改iframe内部的代码，用JS监听点击事件是最灵活的方式：

第一步：Android原生注入JS接口 #

先给WebView添加一个JS可调用的原生方法，用来触发系统浏览器：

// 初始化WebView时配置
WebView webView = findViewById(R.id.web_view);
webView.getSettings().setJavaScriptEnabled(true); // 必须开启JS支持

// 注入JS接口，"AndroidBrowserHelper"是JS里要调用的对象名
webView.addJavascriptInterface(new Object() {
    @JavascriptInterface // 这个注解必须加，否则JS调用不了
    public void openUrlInBrowser(String url) {
        // 启动系统浏览器的Intent
        Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
        browserIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        getApplicationContext().startActivity(browserIntent);
    }
}, "AndroidBrowserHelper");

第二步：JS监听iframe内的链接点击 #

在父页面或者iframe内部的页面中添加这段JS代码，捕获所有a标签的点击：

// 用捕获阶段监听整个文档的点击，确保能拿到iframe内的元素
document.addEventListener('click', function(e) {
    // 找到点击的a标签（包括嵌套在其他元素里的）
    const linkElement = e.target.closest('a');
    if (linkElement && linkElement.href) {
        e.preventDefault(); // 阻止WebView默认打开链接的行为
        // 调用原生注入的接口，传递URL
        window.AndroidBrowserHelper.openUrlInBrowser(linkElement.href);
    }
}, true);

如果iframe是第三方跨域页面，你没法修改它的代码，那就得靠WebView的拦截机制来处理：

webView.setWebViewClient(new WebViewClient() {
    // 兼容Android 7.0及以上版本
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
        String targetUrl = request.getUrl().toString();
        // 只拦截http/https链接，避免拦截本地资源
        if (targetUrl.startsWith("http://") || targetUrl.startsWith("https://")) {
            Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(targetUrl));
            browserIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
            getApplicationContext().startActivity(browserIntent);
            return true; // 返回true表示我们已经处理了这个请求
        }
        return super.shouldOverrideUrlLoading(view, request);
    }

    // 兼容Android 7.0以下的旧版本
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if (url.startsWith("http://") || url.startsWith("https://")) {
            Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
            browserIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
            getApplicationContext().startActivity(browserIntent);
            return true;
        }
        return super.shouldOverrideUrlLoading(view, url);
    }
});

如果iframe里的链接是通过window.open()打开的，上面的监听可能捕获不到，这时候需要配置WebChromeClient：

webView.setWebChromeClient(new WebChromeClient() {
    @Override
    public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
        // 获取window.open的目标URL
        String targetUrl = view.getHitTestResult().getExtra();
        if (targetUrl != null) {
            Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(targetUrl));
            browserIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
            getApplicationContext().startActivity(browserIntent);
        }
        return true;
    }
});

• JS接口安全：不要在注入的接口里暴露敏感方法，避免被恶意网页利用。如果你的WebView加载的是不可信页面，建议优先用方案2的拦截方式。
• 权限：不需要额外权限，因为打开系统浏览器是系统默认行为。
• URL校验：建议在原生代码里对URL做简单校验，避免处理无效链接。

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