使用jQuery获取Facebook点赞数出现html()方法报错如何解决

• jQuery未正确引入：你使用的$是jQuery的专属语法，如果页面没有在你的脚本之前加载jQuery库，$不会指向jQuery实例，自然不存在html方法。
• $符号冲突：部分其他JS库也会使用$作为全局变量名，如果页面同时加载了这类库，$会被其他库占用，调用$().html就会报错。
• 核心问题：跨域iframe权限限制：Facebook的点赞按钮是作为跨域iframe嵌入到页面中的，浏览器的同源策略禁止父页面的JS访问跨域iframe内部的DOM元素，你写的类选择器根本选不到iframe内的span元素，返回的是空对象，调用方法自然失败。
• 脚本加载时序问题：你给脚本加了async defer属性，可能出现代码执行时jQuery还没加载完成、DOM还没渲染完成的情况。

1. 优先使用官方接口获取数据：你最开始拿到的OpenGraph返回数据里，engagement.reaction_count就是你需要的点赞数，直接调用Facebook Graph API对应接口获取即可，完全不需要解析前端DOM，不会受Facebook类名调整、跨域规则的影响，稳定性最高。
2. 修复JS报错的方法：
   首先在你的脚本之前引入jQuery库，确保代码执行时$已指向jQuery实例；
   调整你的脚本写法避免$冲突，同时增加元素存在性判断：

   jQuery(document).ready(function ($) {
     // 此处注入的$可安全指向jQuery
     const target = $('._5n6h._2pih');
     if (target.length) {
       console.log(target.html());
     } else {
       console.log('未找到目标元素，大概率是跨域iframe限制导致');
     }
   })
   

   注意：就算修复了JS报错，你还是无法拿到跨域iframe内的点赞数值，这种前端爬DOM的方式本质不可行。

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