Facebook Comments插件集成网站后仅显示空白div如何解决

• 检查Facebook应用状态：确认你使用的AppID对应的应用已经切换为上线模式，处于开发模式的应用仅对添加到测试列表的账号可见，普通访客访问时会直接渲染为空白。
• 修正data-href参数匹配：你当前填写的data-href值为http://adventureswithanthony.com/test-fb-comments，和实际页面地址末尾带斜杠的格式不一致，Facebook对URL匹配规则极为严格，路径、协议、末尾斜杠的差异都会判定为不同地址，直接导致插件加载失败，请将data-href修改为和当前页面地址完全一致的内容。
• 检查域名白名单配置：前往Facebook开发者后台对应应用的设置页面，将你站点的主域名添加到「应用域名」列表中，同时确认站点平台配置的地址和实际域名一致，域名不在白名单内时SDK会拒绝渲染插件。
• 更新SDK版本：你当前使用的v12.0版本SDK已经结束官方支持，旧版本SDK会出现服务端拒绝访问的问题，可将FB.init配置中的version参数替换为仍在维护的高版本即可。
• 调整宽度参数：你填写的data-width="100"单位为像素，Facebook评论插件最低支持的宽度为320px，小于该值会直接不渲染，可将该值修改为100%或者不小于320的数值测试。
• 排查拦截问题：部分广告拦截、隐私防护类浏览器扩展会主动拦截Facebook相关资源的加载，可先禁用所有浏览器扩展，或使用隐身模式打开页面测试是否正常。

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