在Chrome扩展程序中注册Tinder滑动的最佳方法？

Question

问题

我正在开发一个Chrome扩展程序，该扩展程序可以记录在Tinder浏览器应用程序上刷卡的用户。这个想法是在本地存储并能够回溯/运行刷卡配置文件上的统计信息。

我最紧迫的挑战是弄清楚推断出滑动的最佳方法是什么。

当前问题进展情况

在打开chrome检查工具之后，我开始了解到至少有两个滑动指示。

1. （蓝色）顶层卡片的转换方式为该卡片离开框架
2. （红色）'nope'，'superlike'或'like'印记的不透明度设置为1或更高，并在某些时候直接跳至0 （即，将卡拖回中心，不透明度会逐渐降低到0-并且不会执行任何滑动操作。但是，如果您滑动卡，它将增加到1或更高的值，并且在完成滑动操作后会立即重置为0） < / li>

我的近期计划

坦率地说，我对chrome扩展开发完全陌生，而且我写一个可以在另一个解决方案之上工作的解决方案对我来说也很不寻常。

话虽如此，我相信解决我的问题的一种方法是观察DOM在三个div上的不透明度变化。可能使用Mutation Observer，然后检查DOMAttrModified事件，从中可以将attrChang提取为数值，并检查该值是否为负且大于1。但是我不知道我是否事情太复杂了。

还有其他建议吗？还是一些可以加快我的流程的报废代码？