可视化的创建管理网页自动化脚本--Chrome 插件 - V2EX
2020-09-12 22:41:23 Author: v2ex.com(查看原文) 阅读量:418 收藏

项目名:web_robot
github 地址:https://github.com/webgjc/web_robot

博客地址:

第一版教程
后续版本教程

前言:之前做到一半的时候分享过这个插件
现在做的更完善了,再来分享一波
目前插件版本 V1.8.2

基础的功能还在:定义网页的流程事件执行,源码执行,录制键盘鼠标执行

大的功能主要增加了,取值事件,录制事件,可视化圈选定义事件

  1. 管理多个事务,每个事务有多个事件,每个事件对应一种操作
  2. 新增事件中方便的页面元素筛选器,querySelect 自由筛选器
  3. 可以测试运行一个事件,运行一整个事务。
  4. 支持事务的导入导出
  5. 支持源码事务,写 js 源码并注入运行
  6. 支持流程事务的受控运行,本地鼠标和键盘还原事件。
  7. 支持受控事务,实现键鼠录制和还原
  8. 支持元素筛选和执行时的自动定位
  9. 支持设值事件作为运行前自定义参数${value}
  10. 支持页面直接添加事件
  11. 支持定时运行
  12. 支持源码事务的开启直接注入
  13. 支持流程取值事件,取到的值对当次流程有效
  14. 支持流程事件的直接录制
  15. 页面添加事件中优秀的可视化圈选

看看演示

  • 流程事务

流程事务

  • 源码事务

源码事务

  • 受控事务

受控事务

最后分享一些直接能用来导入尝试运行的,

点击导入事务,粘贴下面的即可,然后可以直接点运行

  • 基本操作(流程事务)
{"case_name":"基本操作","case_process":[{"n":"0","opera":"newpage","tag":"body","value":"https://www.baidu.com/s?ie=UTF-8&wd=test","wait":"1"},{"n":"0","opera":"value","tag":"INPUT#kw","value":"天气","wait":"2"},{"n":"0","opera":"click","tag":"INPUT#su","value":"","wait":"1"}],"case_sourcecode":"","case_type":"process","control_url":"","sourcecode_url":".*"}
  • 取值事件用例(流程事务)
{"case_name":"取值事件用例","case_process":[{"n":"0","opera":"newpage","tag":"body","value":"http://blog.ganjiacheng.cn/","wait":"1"},{"n":"0","opera":"getvalue","tag":"HTML.macos.desktop.landscape > BODY > NAV.navbar.navbar-default.navbar-custom.navbar-fixed-top > DIV.container-fluid > DIV.navbar-header.page-scroll > A.navbar-brand","value":"title","wait":"3"},{"n":"0","opera":"pagejump","tag":"body","value":"https://www.baidu.com/s?ie=UTF-8&wd=test","wait":"2"},{"n":"0","opera":"value","tag":"INPUT#kw","value":"title","wait":"1"},{"n":"0","opera":"click","tag":"INPUT#su","value":"","wait":"1"}],"case_sourcecode":"","case_type":"process","control_url":"","sourcecode_url":".*"}
  • 百度去广告(源码事务)
{"case_name":"百度去广告","case_process":[],"case_sourcecode":"Array.from(\n            document.querySelectorAll('#content_left>div'))\n            .forEach(el => \n                />广告</.test(el.innerHTML) && el.parentNode.removeChild(el)\n        );\nsetInterval(() => {\n    try{\n        Array.from(\n            document.querySelectorAll('#content_left>div'))\n            .forEach(el => \n                />广告</.test(el.innerHTML) && el.parentNode.removeChild(el)\n        )\n    } catch(e){}\n}, 1000)\n","case_type":"sourcecode","control_url":"","sourcecode_url":"baidu.com.*","start_inject":true}
  • 定时喝水(源码事务)
{"case_name":"定时喝水","case_process":[],"case_sourcecode":"alert(\"你该喝水咯\")","case_type":"sourcecode","control_url":"","last_runtime":1599706892179,"runtime":"60m","sourcecode_url":".*"}

文章来源: https://v2ex.com/t/705772#reply0
如有侵权请联系:admin#unsafe.sh