编写简单的油猴脚本 —— 百度知道显示踩的数量

不知道什么时候起，百度知道不显示踩数了，每次看见奇怪的答案想点个踩，点了却看不见数量上升。按了下F12发现踩数实际上是存在的，正好练练手，编写一个简单的脚本让踩数显示出来。

（一）发现问题

可以看见，现在百度知道是不显示踩数的。

（二）寻求解答

按下F12，找到这块地方的代码，发现其实踩数是存在的，只是没有显示上去，那么就好解决了，只要显示出来就可以了。

（三）下载油猴

前往Goole应用商店，或者直接百度下载crx，安装一个管理脚本的拓展。我用的是暴力猴，当然TamperMonkey也是可以的，js都是通用的。

（四）新建脚本

安装好拓展后，新建一个脚本。

新建好后是默认是这个样子的。

（五）修改一下并测试

稍微懂一点js和英文就行，把上面的脚本信息自己写一下，然后写个alert弹框看看有没有效果。注意match，要匹配所有的百度知道，后面改成*。改好后，Ctrl+S保存，回到百度知道按F5刷新一下。

发现弹框了，说明脚本生效了，接下来我们开始把踩的数量显示出来

（六）编写脚本

写的挺简单，应该能理解，我把代码贴上：

// ==UserScript==
// @name        百度知道显示踩的数量
// @namespace   Violentmonkey Scripts
// @match       https://zhidao.baidu.com/question/*
// @grant       none
// @version     1.0
// @author      cym
// @description 2020/8/25 上午10:01:19
// ==/UserScript==

(function() {
  // 2020/9/3更新，延时执行
  setTimeout(function() {
    // 查询所有踩数的类
    var spans = document.querySelectorAll(".evaluate-bad");
    for (var i = 0; i < spans.length; i++) {
      var span = spans[i];
      // 获取踩数
      var loser = span.getAttribute("data-evaluate");
      // 赋值显示出来
      var b = span.querySelector(".evaluate-num");
      b.innerHTML = loser;
    }
  }, 500);
})();

（七）完成

Ctrl+S保存，回到百度知道F5刷新，看，踩的数量都显示出来了。

油猴脚本能实现很多功能，这只是个很简单的例子，大家可以多看看别人写的脚本，改改就是自己的了。