如何通过javascript获取FB帖子链接？

Question

我正在尝试制作一个需要我收集帖子链接的 chrome 扩展程序。但收集链接的问题在于它在 FB 为每个帖子提供的时间戳上的锚标记上可用。

但是当您将鼠标悬停在元素上时，锚标记的 href 会动态填充。 我尝试在元素上调度 mouseover 和 mouseenter 事件，但仍然没有填充 href。

我的功能：

const hoverOverTag =  (element) => {
  var event = new Event('mouseover', {
  'view': window,
  'bubbles': true,
  'cancelable': true
});


element.addEventListener('mouseover', function(e) {
     console.log("hover");
     console.log(e);
});

 element.dispatchEvent(event);

}

事件侦听器正确运行并记录事件。但是仍然没有填充href。 我在内容脚本中运行它，有什么方法可以获得帖子链接？

Answer 1

在下文中，我将描述我解决问题所采用的方法、发现和对我有用的解决方案。

加载 Facebook 页面后，我使用 Google Chrome 开发工具检查 <a> 元素。

然后我在任何 XHR 或 fetch 上添加了一个 XHR/fetch 断点。然后鼠标悬停触发事件，代码立即中断，停在断点处。

遵循代码后，很明显前端通过向 Facebook 的 API 节点 /bulk-route-definitions/ 发送 Ajax 请求来动态检索 post-id。虽然理论上可以通过 manually 调用具有正确请求标头数据的 API 节点来获取 post-id，但由于 Facebook 目前采用的所有安全/隐私保护措施，寻求这种潜在的解决方案实在是太耗时了。

在那之后，我开始考虑以编程方式触发事件，如上述问题中所述，因此我再次触发断点并检查调用堆栈并反向跟踪混淆和丑化的代码。

终于找到了：

var event = new FocusEvent('focusin', {
  'view': window,
  'bubbles': true,
  'cancelable': true
});

the_a_element.dispatchEvent(event); //reference to the_a_element in the page DOM

完成。