别担心，这个问题很常见——Android系统的WebView默认并没有实现Web Share API，所以你网页里的navigator.share调用在WebView环境中根本不会触发任何动作。不过我们可以通过原生Android代码和网页JS做桥接的方式，把网页的分享请求转发给Android原生的分享功能，完美实现你要的效果。

下面是具体的解决步骤：

1. 修改你的网页代码 #

我们需要调整JS逻辑：优先使用Web Share API（保证浏览器环境正常工作），如果检测到是WebView环境（即navigator.share不存在但有原生提供的JS接口），就调用原生的分享方法。修改后的代码如下：

<button id="btn-share">Share</button>
<div class="share-container"></div>
<script>
window.addEventListener('load', function() {
  const shareBtn = document.getElementById('btn-share');
  const shareContainer = document.querySelector('.share-container');

  // 优先使用标准Web Share API
  if (navigator.share) {
    shareBtn.addEventListener('click', function() {
      navigator.share({
        title: 'Check out this web share API demo',
        text: 'Its really cool',
        url: 'https://mobiforge.github.io/web-share-api.html',
      }).catch(err => {
        shareContainer.innerHTML = `Share failed: ${err.message}`;
      });
    });
  } 
  // 若Web Share API不可用，调用原生Android提供的JS接口
  else if (window.AndroidApp) {
    shareBtn.addEventListener('click', function() {
      const shareTitle = 'Check out this web share API demo';
      const shareText = 'Its really cool';
      const shareUrl = 'https://mobiforge.github.io/web-share-api.html';
      AndroidApp.share(shareTitle, shareText, shareUrl);
    });
  } 
  // 两种方式都不支持的情况
  else {
    shareContainer.innerHTML = 'Web Share API not supported in this browser';
  }
});
</script>

2. 在Android原生代码中配置WebView并添加JS接口 #

你需要在WebView的配置代码中，添加一个JS接口，让网页可以调用原生的分享功能：

第一步：创建JS接口类 #

这个类负责接收网页的分享请求，并触发Android原生的分享Intent：

public class WebAppInterface {
    private Context mContext;

    // 构造方法，传入上下文
    public WebAppInterface(Context context) {
        mContext = context;
    }

    // 必须添加@JavascriptInterface注解，网页才能调用这个方法
    @JavascriptInterface
    public void share(String title, String text, String url) {
        // 创建分享Intent
        Intent shareIntent = new Intent(Intent.ACTION_SEND);
        shareIntent.setType("text/plain");
        shareIntent.putExtra(Intent.EXTRA_TITLE, title);
        shareIntent.putExtra(Intent.EXTRA_TEXT, text + "\n" + url);
        
        // 启动系统分享选择器
        mContext.startActivity(Intent.createChooser(shareIntent, "Share via"));
    }
}

第二步：配置WebView并绑定JS接口 #

在你初始化WebView的Activity或Fragment中，添加以下配置：

WebView webView = findViewById(R.id.webview);
WebSettings webSettings = webView.getSettings();

// 必须启用JavaScript，否则网页无法调用原生接口
webSettings.setJavaScriptEnabled(true);

// 将我们创建的WebAppInterface绑定到WebView，网页中通过"AndroidApp"这个对象调用方法
webView.addJavascriptInterface(new WebAppInterface(this), "AndroidApp");

// 加载你的网站URL
webView.loadUrl("你的网站地址");

3. 关键注意事项 #

• 确保你的AndroidManifest.xml中添加了网络权限（如果网站是在线的）：

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

• @JavascriptInterface注解不能少——Android 4.2及以上版本要求必须添加这个注解，否则网页无法调用原生方法，这是出于安全考虑。
• 如果你的WebView使用了自定义的WebViewClient或WebChromeClient，不需要额外修改，只要JS接口绑定正确就能正常工作。

这样修改后，当用户在WebView中点击分享按钮时，就会触发Android系统的原生分享弹窗，和浏览器里的体验一致啦！

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