不知道什么时候起,百度知道不显示踩数了,每次看见奇怪的答案想点个踩,点了却看不见数量上升。按了下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刷新,看,踩的数量都显示出来了。

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

标签: 油猴, JavaScript

添加新评论