Chrome插件开发之某音PC网页版自动化操作实践之自动翻页观看视频和取消关注

最近在某音上遇到了一点问题，就是上班的时候刷视频，还得不停地点鼠标？

不行，我不能不停地点鼠标，我想让它看完之后，自己自动跳到下一个视频，还有，我关注的人太多了，我想取消关注一批人，所以，这个chrome插件就出来了：

目前支持：自动刷视频，自动切换下一条，自动取消关注等等，理论上所有手动操作的内容，全都可以自动化实现，而且不止某音哦，

看一下效果吧：它是自己在滚动的哦

 

我做的功能是：在我这个插件上点击一下按钮，就可以了，或者点击一下自动刷视频，就可以了

 

原理很简单：

通过在popue.html添加几个按钮，然后给他们添加事件监听，通过popue.js接收到事件后，想content.js脚本发送消息，比如发送了一个 “自动刷视频”，那么当content.js接收到这个消息后，就执行自动刷视频的js代码，这个js代码其实就是模拟用户点击下一个视频按钮，没有任何特别的地方

下面放上部分核心代码：

popue.html按钮代码：

  <div class="action-box">
    <button id="openset">打开单独一个设置页面</button> <button id="baiduauto">百度自动翻页</button>
    <button id="douyinFansi">抖音粉丝滚动</button> <button id="nextPage">抖音关注下一页</button>
    <button id="cancelPage">取消关注这页</button> <button id="autoPlayVideo">自动刷视频</button>
  </div>

然后在pupue.js中开启事件监听的方法： 

最后就是content.js监听消息的代码：

然后就是自动滚动的js代码：

// 抖音粉丝列表滚动
function douyinFansiScroll() {
  console.log('抖音粉丝列表滚动');
  let timer = null
  if (timer) {
    console.log('清空当前滚动的定时器');
    clearInterval(timer)
  } else {
    console.log('开始执行关注人员滚动定时器');
    // 点击粉丝按钮，显示所有的粉丝
    document.getElementsByClassName("TxoC9G6_")[0].click()
    timer = setInterval(function () {
      const currentScrollTop = document.getElementsByClassName("Pxf0E4cv")[0].scrollTop
      document.getElementsByClassName("Pxf0E4cv")[0].scrollTop = currentScrollTop + 10
    }, 50)
  }
}