一个超简单的油猴脚本!

对于油猴脚本神驰已久，一直没有时间研究，找了几篇博客一看，发现简单的脚本实现起来并不难！初次学习，模仿了一个CSDN一键点赞评论的demo脚本，感谢原作者！

原博文链接: 如何开发一个油猴脚本- 从零开始编写一个油猴脚本.

最终效果：

点击即可自动点赞和评论！

一、什么是油猴

Tampermonkey，这是一个伟大的Chrome扩展。
Tampermonkey通过加载第三方的脚本文件，改变页面中的CSS和JS元素，可以让整个网页大变样，也可以在网页中增加额外的功能。
当然，Chrome原生也是可以加载第三方脚本文件的，不过没有Tampermonkey那样支持良好。Tampermonkey除了能对脚本文件提供更好的支持以外，还有Tamperfire功能，能够根据站点寻找相适应的脚本文件。

简单的说就是让浏览器运行你自己编写的 Javascript ，从而实现一些页面功能！

二、如何下载

有科学工具的直接去 chrome 扩展搜索，没有工具的到这里 https://chrome.zzzmh.cn/.搜索下载。

三、如何开发自己的脚本

1、添加新脚本

点击扩展中的油猴脚本，添加新脚本。

2、头部声明的含义

新建的脚本其实就是一个js文件，头部会有一些声明

3、编写脚本

创建按钮

按钮样式：

  var styleMap = {display: "inline-block","background-color": "red",cursor: "pointer","user-select": "none","min-width": "74px",height: "28px","border-radius": "16px",color: "#fff","font-size": "14px","line-height": "28px","text-align": "center",padding: "0px 10px","margin-left": "16px",};// 创建按钮var btn = document.createElement("div");btn.innerHTML = "一键点赞评论";// 添加样式for (let i in styleMap) {btn.style[i] = styleMap[i];}

放到对应的位置

检查页面，可以找到下方toolbox的类名

知道位置就好办了！

  var toolbox = document.querySelector(".toolbox-right");// 按钮添加到toolbox中toolbox.appendChild(btn);

添加点击事件

我们需要在点击按钮的时候帮我们完成点赞操作并进行友善的评论！这里肯定需要获取到要点击的元素，输入评论等等，其实都是获取DOM元素的类似操作。
关于评论，我们需要定义一个用来随机的数组，把评论模板放进去，每次随机即可！

  var commentList = ["针不戳呀，写的针不戳！","分享技术，不错哦!","大佬牛批，写的很详细！","感谢博主，你的文章让我得到一些收获！(￣ˇ￣)",];// 随机 index（底下会处理为整数）var randomNum = Math.random() * 4;

点击按钮触发事件：

// 添加点击事件btn.addEventListener("click", clickBtn);function clickBtn() {// 点赞按钮var isLike = document.querySelector("#is-like");isLike.click();// 评论var comment_content = document.querySelector("#comment_content");comment_content.click();// 随机评论comment_content.value = commentList[~~randomNum];// 点击发表按钮（偷懒直接用的属性选择器hhh）var submit = document.querySelector("[value='发表评论']");submit.click();}

至此，一个简单的脚本差不多就写完了！右边的推荐广告！爪巴！

  // 移除推荐广告var ad = document.querySelector("#recommendAdBox");ad.parentNode.removeChild(ad);

屏蔽某些站点

添加以下代码，脚本不会在我个人的博客中运行！

// @exclude      https://blog.csdn.net/weixin_54858833/article/details/*

附全部代码：

// ==UserScript==
// @name         CSDN_Auto_Comment
// @namespace    http://maxcool.buzz
// @version      0.1
// @description  CSDN一键点赞评论（学习）
// @author       maxcool
// @match        https://blog.csdn.net/*/article/details/*
// @include         https://blog.csdn.net/*/article/details/*
// @exclude         https://blog.csdn.net/weixin_54858833/article/details/*
// @grant        none
// ==/UserScript==
(function() {'use strict';var styleMap = {display: "inline-block","background-color": "red",cursor: "pointer","user-select": "none","min-width": "74px",height: "28px","border-radius": "16px",color: "#fff","font-size": "14px","line-height": "28px","text-align": "center",padding: "0px 10px","margin-left": "16px",};var commentList = ["针不戳呀，写的针不戳！","分享技术，不错哦!","大佬牛批，写的很详细！","感谢博主，你的文章让我得到一些收获！(￣ˇ￣)",];var randomNum = Math.random() * 4;console.log("randomNum", ~~randomNum);// 移除广告var ad = document.querySelector("#recommendAdBox");ad.parentNode.removeChild(ad)// 创建按钮var btn = document.createElement("div");btn.innerHTML = "一键点赞评论";// 添加样式for (let i in styleMap) {btn.style[i] = styleMap[i];}// 添加点击事件btn.addEventListener("click", clickBtn);function clickBtn() {var isLike = document.querySelector("#is-like");isLike.click();var comment_content = document.querySelector("#comment_content");comment_content.click();comment_content.value = commentList[~~randomNum];var submit = document.querySelector("[value='发表评论']");submit.click();}var toolbox = document.querySelector(".toolbox-right");// 追加到 toolboxtoolbox.appendChild(btn);
})();

以上！

一个超简单的油猴脚本!相关推荐

【教程、无技术含量】简单的油猴脚本编写教程
不建议阅读者: 前端大神想要深入学习(涉及到分析挖掘调用网站中js算法/自己写算法)油猴脚本的读者[备注:楼主也不会,楼主也很绝望啊...] 阅读以下内容所需知识: javascript/jQuer ...
我的第一个油猴脚本「屏蔽CSDN底下的登录栏」
CSDN博客不登录就弹这么个东西,挡住视线不胜其烦,你问我为啥不登录?登录过呀,关了浏览器又要重新登,csdn的session不保存的吗(emmmm我也不太懂这方面的东西(´Д`) 于是我就想,在每次 ...
我的第一个油猴脚本--微博超话自动签到
简介用户脚本是一段代码,它们能够优化您的网页浏览体验.安装之后,有些脚本能为网站添加新的功能,有些能使网站的界面更加易用,有些则能隐藏网站上烦人的部分内容.其中常见的有油猴插件.ChromeExt ...
从零快速编写一个油猴脚本
Tampermonkey,又称 Greasemonkey 油猴脚本,是一款免费的浏览器扩展,可用于管理用户脚本,它本质上是对浏览器接口的二次封装油猴脚本可用于更改页面布局样式.完成页面自动化.去广告 ...
自己动手编写一个在线保存百度谷歌搜索关键词历史记录的油猴脚本
标题快捷导航如何通过Web技术实现我们的需求需要的技术栈油猴脚本的编写浏览器扩展的编写后台部分小结如何通过Web技术实现我们的需求相信大家只要会一点前端和后端基础的,一看到这个标题就有 ...
超神，chatgpt帮你制作任意油猴脚本
场景: 超神,chatgpt帮你制作任意油猴脚本,为所欲为! 屏蔽网页所有非文字内容 // ==UserScript== // @name 屏55555 // @namespace none // @ ...
杂谈技术·油猴脚本的功能实现
投稿地址: https://www.bilibili.com/read/cv15714192 原文简介核心原理核心原理其实超级简单,简单说就是通过DOM技术找到网页上面的关键点,然后将网页上的页面 ...
为了不手动命名驼峰变量名，我开发了一套油猴脚本...
前言你知道程序员最经常做的事是什么吗?是取变量名! 我们常规取变量名的方式是这样的,打开谷歌搜索或者有道搜索,输入变量的中文名,然后复制翻译结果,转到编译器改为驼峰命名,大致流程如下: 我个人对这种 ...
[原创方法!] 如何实现全自动登录各大网站? Cookie格式、油猴脚本基础解决Github邮箱验证,持久登录,免验证码
之前电脑内存小, 谷歌浏览器又是内存怪物, 每次浏览器不用的时候总是习惯关掉. 这就导致了每次进入常用的网站就要重新登陆, 非常烦; 对! 就是即使浏览器保存了密码, 大部分网站仍然要输入一下验证码 ...
Chrome插件与油猴脚本
Chrome插件与油猴脚本简介油猴脚本编写要点简介开发过Chrome插件的开发者,都会被Chrome插件的content,background(service),popup,inject 等各 ...

一个超简单的油猴脚本!

一个超简单的油猴脚本!

一、什么是油猴

二、如何下载

三、如何开发自己的脚本

1、添加新脚本

2、头部声明的含义

3、编写脚本

创建按钮

放到对应的位置

添加点击事件

屏蔽某些站点

一个超简单的油猴脚本!相关推荐

最新文章

热门文章