Facebook 聊天代码未通过 html5 验证器答案

【问题标题】：Facebook chat code doesn't pass html5 validatorFacebook 聊天代码未通过 html5 验证器
【发布时间】：2019-02-10 21:03:37
【问题描述】：

facebook 聊天小部件需要使用代码，例如

<div class="fb-customerchat" page_id="123456789000"></div>

但不出所料，https://validator.w3.org/nu/ 会引发错误：

Error: Attribute page_id not allowed on element div at this point.

他们为什么不直接使用规范并改用data-page_id？

我知道 HTML5 验证不是万能的，但有没有一个简单的技巧可以解决这个问题，它对我的强迫症造成了严重破坏...

【问题讨论】：

【解决方案1】：

错误是由page_id 引起的。 div 没有那个属性。

但您可以使用 Angular 添加它：

let fbDiv = document.createElement('div');

fbDiv.setAttribute('page_id', page_id);

document.body.appendChild(fbDiv);

然后使用FB.XFBML.parse：

我希望这会有所帮助。

【讨论】：