Facebook聊天代码不通过html5验证器

Question

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验证并不是最重要的，但是有一个简单的方法来解决这个问题，它会对我的强迫症造成严重破坏......

Answer 1

该错误是由page_id引起的。 Div没有该属性。

但您可以使用Angular添加它：

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

fbDiv.setAttribute('page_id', page_id);

document.body.appendChild(fbDiv);

然后使用FB.XFBML.parse：

https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

我希望这有帮助。