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

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

博客地址：

第一版教程
 后续版本教程

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

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

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

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

看看演示

流程事务

源码事务

受控事务

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

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

基本操作(流程事务)

{"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":".*"}