使用油猴脚本实现自动点击签到按钮

发布 2023-03-19
阅读

有很多网站，需要我们打开网页之后，点击上面的签到按钮，来完成当天的签到。

如果利用油猴脚本，我们可以实现打开网页后，查找按钮，如果找到了，就自动点击。

首先打开想签到的网页，然后点击油猴插件，点击「添加新脚本」，给的默认模板是这样的

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.xxx.com/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=xxx.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
})();

由于我们需要等网页加载完成，再来查找按钮，所以需要添加一行

// @run-at       document-idle

可以加在 // ==/UserScript== 的上方，变成这样

// @grant        none
// @run-at       document-idle
// ==/UserScript==

感觉也找不到合适网站来作为案例，就拿百度的那个「百度一下」来讲解吧，反正弄懂了原理，换其它网站也就没问题。

在浏览器按 F12，弹出来的开发者工具，按 ctrl + shift + c 这三颗按键，然后选中「百度一下」

可以发现它是一个 input

<input type="submit" value="百度一下" id="su" class="btn self-btn bg s_btn">

这种有 id 的最简单，因为网页中的 id 是唯一的。用 js 来选中它，然后点击

document.getElementById('su').click()

在「控制台」执行这行代码，就跟我们手动去点击「百度一下」的作用是一样的。

如果你要签到的网站也是这么简单，签到按钮有 id，那只需要把上面的 su 换为你找到的 id 就行。例如我有个网站，它的签到按钮 id 是 sign_title ，那我只需要改为

document.getElementById('sign_title').click()

在 // ==/UserScript== 的下方，我们可以改为这样

(function() {
    'use strict';

    // Your code here...
    document.getElementById('sign_title').click()
})();

很简单就可以实现一个自动点击的脚本了。

博客链接: https://powersee.github.io/