网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本

这篇具有很好参考价值的文章主要介绍了网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

  • 在我们的工作生活当中使用网页的机会越来越高,很多时候要进行重复的操作,所以进行一些JS脚本就成了可选项
  • 首先我们要在网页浏览器中安装上脚本管理器,这里示范的是安装暴力猴,是一个开源的免费的小软件,是在github上的一款软件,下载下来之后名称为Violentmonkey_2.13.0_chrome.crx是一个以crx结尾的这么一个插件
    网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本
  • 可以看到大小只有527 KB,是很小的一个软件
  • 如果是谷歌浏览器,就要先点击右上角的小点再点出设置
    -网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本
  • 然后唤出扩展程序
    网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本
  • 然后打开开发者模式
    网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本
  • 然后把刚才下载下来的文件托入进来即可安装成功,其它浏览器也差不多类似,安装成功之后在浏览器的右上角会有这样一个插件的图标
    网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本
  • 接下来开始实现在具的网页上编写脚本,我们打开我们最为熟悉的界面百度
    网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本
  • 然后我们点开右上角的猴子,然后为此网页添加新的脚本程序点击加号
    网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本
  • 然后我们就进入了脚本编辑器的编写界面了
    网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本
  • 我们先写一小段代码运行起来
// ==UserScript==
// @name        New script - baidu.com
// @namespace   Violentmonkey Scripts
// @match       https://www.baidu.com/
// @grant       none
// @version     1.0
// @author      -
// @description 2022/11/24 上午10:16:35
// ==/UserScript==

window.onload=function(){
  alert("网页加载完毕之后,我们的脚本成功运行啦!");
}
  • 我们写完之后点击右上角的保存并关闭
    网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本

  • 回到网页界面刷新一下看看运行效果
    网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本

  • 可以看到我们的代码成功运行了

  • 前面的//开头的代码是自动生成的,包含一些重要的信息

  • // ==UserScript==// ==/UserScript==是这串代码的开头和结尾是固定的写法

  • @name是这个脚本的名称,可以随意更改

  • @namespace是指向规则(命名空间) 这里是默认的指向Violentmonkey Scripts

  • @match是匹配网址,匹配的是网址中?问号前面的这一串网址,如果有其它的字符则不会启用这个插件,?问号后面是一般的网页上传信息的参数,一般由问号分隔开,问号后面的是接的参数名=参数,然后参数与参数之前用&符号连接,是这样子一的一个形式,所以只要?号前面的地址匹配上了就会启动脚本

  • @grant是一个独立空间,noneunsafeWindow,如果写成none就是一个正常的在浏览器中运行的脚本,如果写成unsafeWindow就会有独立的沙箱空间,可以进行一些非常规的操作,我们使用默认的none

  • @version 1.0是这个脚本的版本,这个是用来更新版本用的,有时候我们写了脚本需要共享给别人使用,升级的时候可以根据这个版本来判断是否覆盖掉原来的版本

  • @author 是作者信息,可以随意填写

  • @description 是一些描述信息,这里自动生成的是脚的创建时间

  • 现在我们回到我们输入的代码上来,我们的函数名是window.onload,

  • window是代表浏览器窗口

  • .onload是这个浏览器窗口在完成本网页加载展示了所有的页面元素时触发的函数名称

  • 后面接=是在这个时候执行的操作,后面接function(),可以看到是一个没有代参数的函数

  • {}大括号内是函数体,我们写上一行alert("网页加载完毕之后,我们的脚本成功运行啦!");这一行以分号结尾 ,所有的js的语法和C的语言法不多,都要在结尾处加上分号代表这一行的命名执行完毕

  • alert是一个弹窗函数文章来源地址https://www.toymoban.com/news/detail-445414.html

到了这里,关于网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Auto.js安卓脚本自动化app的代码语句大全

    (一)常用 (二)点击 (三)按住随机滑动 (四)控制台 (五)用线程自动开启截图权限 (六)读写权限 (一)位置 (二)判断点击 (二)输出当前页面所有文本 1、text函数 2、bounds函数

    2024年02月15日
    浏览(36)
  • 基于Node.js 和 FFmpeg构建自动化脚本用来转码视频

    这个脚本将监控一个特定的目录,自动转码新添加的视频文件,并将转码后的视频保存到指定目录。 准备环境 安装 Node.js : 访问 Node.js 官网,下载并安装适合你操作系统的 Node.js 版本。 安装 FFmpeg(不清楚的可以看我的上篇博客里有详细的安装步骤) : 对于 Windows 用户,可以从

    2024年03月27日
    浏览(46)
  • auto.js autojs pro9 autox.js实现adb自动化测试脚本开发自动生成代码 防无障碍检测

    不需要开无障碍就可以实现自动化 ,功能上和无障碍效果一样, 但是可以过目标app的检测,因为软件基本上都不检测adb(usb调试), 游戏脚本的福音 ,最主要是可以 直接生成自动化代码 ,所以写adb的自动化脚本 和无障碍的自动化脚本都同样简单高效,傻瓜式操作。 对于

    2024年01月19日
    浏览(56)
  • 自动化脚本一键安装 jdk,hadoop,hive

    网盘资源如下 链接: https://pan.baidu.com/s/1wKHRjcqJHRTcvmHOxsn0Bw?pwd=qh8h 提取码: qh8h 使用该脚本有几个地方需要修改成自己设备相应属性,还有一些注意事项 (1)脚本开头 分别对应 jdk、hadoop、hive 安装 false 是不安装 true 是安装 (2)安装 hive 这条语句里的 ip 换成你自己的 这条语句

    2024年02月09日
    浏览(47)
  • 【Ambari】HDP单机自动化安装(基础环境和MySQL脚本一键安装)

    🦄 个人主页 ——🎐开着拖拉机回家_Linux,大数据运维-CSDN博客 🎐✨🍁 🪁🍁🪁🍁🪁🍁🪁🍁 🪁🍁🪁🍁🪁🍁🪁 🪁🍁🪁🍁🪁🍁🪁🍁🪁🍁🪁🍁 感谢点赞和关注 ,每天进步一点点!加油! 目录 一、版本信息 1.1大数据组件版本 1.2Apache Components 1.3Databases支持版本

    2024年02月05日
    浏览(35)
  • k8s自动化安装脚本(kubeadm-1.26.3)

    通过kubeadm进行一键式部署k8s集群 根据不同的启动方式,可部署单节点、一主多从、多主多从高可用的k8s集群 通过ansible快速部署k8s的基础组件(helm、nfs、ingress、monitoring【联网|离线镜像】、kuboard) 通过部署包中的run.sh进行统一入口,进行初始化环境(部署节点) ansible+shell实现自

    2024年02月01日
    浏览(60)
  • 自动化安装Nginx脚本:简化您的服务器配置

    在如今的网络世界中,Nginx作为一款高性能的Web服务器和反向代理服务器,扮演着至关重要的角色。然而,手动安装和配置Nginx可能会耗费大量时间和精力,特别是对于那些对Linux系统不太熟悉的人来说。幸运的是,我们为您带来了一个自动化的解决方案,能够简化整个Nginx安

    2024年02月10日
    浏览(43)
  • Selenium IDE :安装、配置、录制 轻松生成UI自动化测试脚本

    Selenium IDE 是一个用于 Web 测试的集成开发环境。是 Chrome 和 Firefox 的插件,可以记录和回放与浏览器的交互过程。 可以从SeleniumIDE官方地址下载:https://www.selenium.dev/selenium-ide/ 打开浏览器,这里使用的是chrome浏览器。选择\\\"更多工具扩展程序\\\" **注意:**必须要打开“开发者模式

    2024年02月14日
    浏览(54)
  • 如何使用Python自动化测试工具Selenium进行网页自动化?

    Selenium 是一个流行的Web自动化测试框架, 它支持多种编程语言和浏览器,并提供了丰富的API和工具来模拟用户在浏览器中的行为 。 Selenium可以通过代码驱动浏览器自动化测试流程,包括页面导航、元素查找、数据填充、点击操作等。 与PyAutoGUI和AutoIt相比, Selenium更适合于处

    2023年04月09日
    浏览(120)
  • 傻瓜式提取网页数据的油猴脚本(JavaScript 代码)

    目录 目录 一、脚本适用范围 二、将脚本配置到浏览器 三、脚本用法 四、脚本原理 五、脚本代码 脚本适用范围: 一次性提取任意网站的布局类似的数据,例如 淘宝的商品价格、微博的热搜标题、必应搜索的图片链接 脚本不适用范围: 页面布局不相似的数据。如下图圈出

    2024年01月22日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包