V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
againster
V2EX  ›  分享创造

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

  •  
  •   againster · 2020-09-10 12:40:11 +08:00 · 2163 次点击
    这是一个创建于 1533 天前的主题,其中的信息可能已经有所发展或是发生改变。

    项目名: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":".*"}
    
    1 条回复    2022-08-10 19:16:38 +08:00
    timeance
        1
    timeance  
       2022-08-10 19:16:38 +08:00
    看起来真不错,电商运营重复性工作太多了,真的很需要这类插件
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4981 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 01:11 · PVG 09:11 · LAX 17:11 · JFK 20:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.