Android中WebView唤起第三方社交应用问题求助

问题根源 #

WebView默认不会处理第三方应用的Scheme链接（如whatsapp://、fb://），也无法直接响应网页的Web Share API调用，导致点击分享按钮无反应。

解决步骤及代码实现 #

1. 基础配置与URL拦截

修改WebView的客户端配置，拦截社交类Scheme链接并唤起对应应用：

public class MainActivity extends AppCompatActivity {

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = findViewById(R.id.webView);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        // 启用DOM存储，适配部分网页分享逻辑
        webSettings.setDomStorageEnabled(true);
        webSettings.setDatabaseEnabled(true);
        
        // 拦截URL跳转，处理社交应用Scheme
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                String url = request.getUrl().toString();
                // 匹配主流社交应用的Scheme
                if (url.startsWith("whatsapp://") || url.startsWith("fb://") || url.startsWith("instagram://")) {
                    try {
                        Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                        // 检查设备是否安装对应应用
                        if (intent.resolveActivity(getPackageManager()) != null) {
                            startActivity(intent);
                            return true;
                        } else {
                            // 未安装则跳转应用商店
                            String marketUrl = getMarketUrl(url);
                            startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(marketUrl)));
                            return true;
                        }
                    } catch (Exception e) {
                        e.printStackTrace();
                    }
                }
                // 其他URL继续由WebView加载
                return super.shouldOverrideUrlLoading(view, request);
            }

            private String getMarketUrl(String schemeUrl) {
                if (schemeUrl.startsWith("whatsapp://")) {
                    return "market://details?id=com.whatsapp";
                } else if (schemeUrl.startsWith("fb://")) {
                    return "market://details?id=com.facebook.katana";
                } else if (schemeUrl.startsWith("instagram://")) {
                    return "market://details?id=com.instagram.android";
                }
                return "";
            }
        });

        // 配置WebChromeClient，支持Web Share API及弹窗
        webView.setWebChromeClient(new WebChromeClient());
        
        webView.loadUrl("https://eliteglobalnetwork.net/");
    }

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

2. 适配Web Share API（可选）

如果网页使用标准Web Share API（navigator.share()），Android 7.0+的WebView已原生支持，但需确保：

• 网页为HTTPS协议（你的网址已满足）
• 已配置WebChromeClient（上述代码已添加）

若原生支持仍无效，可通过注入JavaScript接口，让网页调用Native分享逻辑：

// 在onCreate中添加JS接口配置
webSettings.setJavaScriptEnabled(true);
webView.addJavascriptInterface(new ShareBridge(), "NativeShare");

// 定义JS交互桥接类
class ShareBridge {
    @JavascriptInterface
    public void shareContent(String title, String content, String shareUrl) {
        Intent shareIntent = new Intent(Intent.ACTION_SEND);
        shareIntent.setType("text/plain");
        shareIntent.putExtra(Intent.EXTRA_TITLE, title);
        shareIntent.putExtra(Intent.EXTRA_TEXT, content + "\n" + shareUrl);
        startActivity(Intent.createChooser(shareIntent, "选择分享应用"));
    }
}

网页端需调整分享逻辑，调用window.NativeShare.shareContent(title, content, url)即可触发Native分享。

3. 权限配置

在AndroidManifest.xml中添加必要权限：

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

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