如何移除Facebook评论插件中的“同时发布到Facebook”按钮

刚好我之前在WebView场景下处理过类似需求，给你几个可行的方向：

方案1：WebView注入JavaScript隐藏元素 #

虽然官方插件是iframe加载，但咱们可以利用WebView的JS注入能力，等iframe加载完成后定位并隐藏目标按钮。步骤如下：

1. 开启WebView的JS支持：

   • Android端：在WebSettings里设置setJavaScriptEnabled(true)，并启用setDomStorageEnabled(true)确保DOM操作正常。
   • iOS端：在WKWebViewConfiguration里开启javaScriptEnabled = true。

2. 监听页面加载完成，注入脚本：
   等待评论插件的iframe完全加载后，执行以下JS代码（注意Facebook的DOM结构可能会更新，需要根据实际情况调整选择器）：

   // 等待iframe加载完成，延迟时间可根据实际加载速度调整
   setTimeout(() => {
     // 定位Facebook评论插件的iframe
     const commentIframes = document.querySelectorAll('iframe[src*="facebook.com/plugins/comments"]');
     commentIframes.forEach(iframe => {
       try {
         const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
         // 查找包含"同时发布到Facebook"文本的元素（适配多语言需调整文本内容）
         const targetNodes = iframeDoc.evaluate(
           '//*[contains(text(), "同时发布到Facebook")]',
           iframeDoc,
           null,
           XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
           null
         );
         // 遍历找到的节点，隐藏其父容器（单选按钮和文本通常在同一容器内）
         for (let i = 0; i < targetNodes.snapshotLength; i++) {
           const node = targetNodes.snapshotItem(i);
           node.parentElement.style.display = 'none';
         }
       } catch (e) {
         console.error('操作iframe失败:', e);
         // 跨域报错可尝试调整WebView跨域配置（注意安全风险）
       }
     });
   }, 2000);
   

   你可以把这段脚本通过WebView的loadUrl("javascript: ...")（Android）或者evaluateJavaScript(_:completionHandler:)（iOS）注入到页面中。

方案2：自研评论模块替代官方插件 #

如果官方插件的限制太多，完全可以基于Facebook Graph API自己实现评论功能：

• 用Graph API的/{page-id}/comments端点获取和提交评论；
• 自定义UI界面，完全去掉“同步到Facebook”的选项；
• 后端配合处理评论的鉴权和存储，确保只有你的WebView用户能提交评论。
  这个方案虽然工作量大，但完全可控，不会受官方插件的DOM结构变化影响。

注意事项 #

• Facebook的DOM结构可能会迭代更新，所以方案1的选择器可能需要定期维护；
• 跨域限制：WebView中操作第三方iframe可能会遇到跨域问题，部分平台可以通过配置WebView的跨域策略缓解（比如Android的setAllowUniversalAccessFromFileURLs(true)，但需注意安全风险）。

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