可视化的创建管理网页自动化脚本--Chrome 插件

项目名：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":".*"}