目录

自动化Automa网页自动化之路

【自动化】Automa网页自动化之路


前言:Automa网页自动化之路,因为是浏览器插件,本文内容当中都是已经打开了浏览器的情况下使用插件的哦,注意

一、下载插件

登录

以火狐为例,也支持chrome

https://i-blog.csdnimg.cn/direct/f2e9899849e141fdb23d6334faa06e70.png

二、安装插件

2.1 点击 add to firefox

2.2 安装完成

需要等待安装

https://i-blog.csdnimg.cn/direct/b056c2d0a4a74ddb938a719310fa8101.png

三、浏览器打开

3.1 点击插件工具栏

https://i-blog.csdnimg.cn/direct/f30b6962aa7849beaa1a615fe06a2da2.png

3.2 点击小房子

https://i-blog.csdnimg.cn/direct/2af056a220d74b788f193403c387e5b8.png

四、使用设置

4.1 设置语言

https://i-blog.csdnimg.cn/direct/d410b1afae81439182f576ad066d55c6.png

https://i-blog.csdnimg.cn/direct/61df722a74994856a4af85c2d7418338.png 如果未生效,重新打开此插件

4.2 创建工作流

4.2.1 新建工作流

https://i-blog.csdnimg.cn/direct/d3b49551e72d47769bceb8061949b7d3.png

https://i-blog.csdnimg.cn/direct/264d1ac3ade64908949bba214a88e993.png

输入名称

https://i-blog.csdnimg.cn/direct/664d55da8d694a76a70035b48df335b8.png

4.2.2 新建标签页

拖拽到工作区域

d https://i-blog.csdnimg.cn/direct/cb6399bc094741648a1370e1db368b50.png

双击工作区域的  新建标签页,输入需要打开的url

https://i-blog.csdnimg.cn/direct/789948b223a04269915aaf18b5776a45.png

输入url与描述

https://i-blog.csdnimg.cn/direct/09a44869317543a4adbc2c528beac17c.png

确保页面加载完毕,可设置等待标签页加载完毕选项

https://i-blog.csdnimg.cn/direct/6a358df592ad400cbb9ee9f66a8492d9.png

记得保存

4.2.3 配置触发器

从A点到B点连接起来

https://i-blog.csdnimg.cn/direct/9aa57d4b36b9496d9698f2592b042a5c.png

记得保存

4.2.4 运行

点击运行,即可打开上面设置的url

https://i-blog.csdnimg.cn/direct/f6f8b73652e240e9adcec085ed2fc43b.png

4.2.5 查看日志

运行成功,即可查看日志

https://i-blog.csdnimg.cn/direct/6dad9540e5f44278954e2bcecc67d144.png

发现两条成功日志

https://i-blog.csdnimg.cn/direct/2356de965b9c48aaa2558aa441667da7.png

点击某条

https://i-blog.csdnimg.cn/direct/3b3b2a83f0374ff8951be6a9bb5eb49c.png

点击某条操作,查看详细

https://i-blog.csdnimg.cn/direct/738e2e905d8e4271b7ccf4195d656ea4.png

五、探索其他组件

5.1 表单组件

实现百度搜索文本框,  拖拽表单组件

https://i-blog.csdnimg.cn/direct/7558adad06a544f5bd2fc5d1662bc272.png

双击表单组件,进行设置

https://i-blog.csdnimg.cn/direct/7e673cda318b46788e18b70182c2b5c5.png

5.1.1  css选择器(自动)

打开你要现在的页面,点击选择一个元素

https://i-blog.csdnimg.cn/direct/ac8a7cc7ffc04c9097948cb9b2d01dbe.png

https://i-blog.csdnimg.cn/direct/12fc0a1c79e14e12b31169a755d4d775.png

可复制选择到下图对象区域

https://i-blog.csdnimg.cn/direct/b37bf90ecbce480e8ead3caa5c997082.png

5.1.2 自动选择XPATH

略,方式同css

5.1.3 输入表单值

https://i-blog.csdnimg.cn/direct/e8e02cd262674a5d80c267d0120aa6a7.png

5.1.4 连接

https://i-blog.csdnimg.cn/direct/71db17942e99423d8a4251ce86d5722e.png

保存

5.2 点击元素组件

拖拽点击元素

https://i-blog.csdnimg.cn/direct/e0432a235a06455ba14a7eab41286906.png

5.2.1 选择元素

双击点击元素,操作同表单类似,这里使用xpath方式

https://i-blog.csdnimg.cn/direct/380fa8d3ed6f4080b3b001edf192f2d9.png

点击查询按钮,获取 百度一下的 xpath属性

https://i-blog.csdnimg.cn/direct/c9136784869c45e395e414d9b9ed35a9.png

复制到页面

https://i-blog.csdnimg.cn/direct/661a360a4ef74c63bd09a7b81c196e43.png

5.2.2 连接

https://i-blog.csdnimg.cn/direct/2f94d39539d048049453559a68c302d8.png

保存 ,可运行测试一下

5.3 延迟组件

拖拽延迟组件

https://i-blog.csdnimg.cn/direct/3d4b726415c74a7d9edc672dfb3c3de4.png

5.3.1 设置延迟时间

双击可设置延迟时间

https://i-blog.csdnimg.cn/direct/4c00360963e04af1aa18b5e83dee401c.png

5.3.2 连接

https://i-blog.csdnimg.cn/direct/fd8152d479234a30bf5d1288aa24d4e0.png

保存

5.4 按键组件

拖拽按键组件到桌面

https://i-blog.csdnimg.cn/direct/31bc770bbc5040ea8ad6a656e40fc8d7.png

5.4.1 检测按键

点击检测按键按钮,

https://i-blog.csdnimg.cn/direct/771afb631cc1467580c0cafcff6ed3cf.png 然后在键盘点击你要设置的按键(例如回车)

https://i-blog.csdnimg.cn/direct/d2a565737a82427ebb182a730639624d.png

5.4.2 连接

https://i-blog.csdnimg.cn/direct/4cf80778db324e4eb06bca009026d08b.png

5.5 变量的应用

5.5.1 全局变量

https://i-blog.csdnimg.cn/direct/3c27bf830e1444c285f3250d6be37518.png

5.5.2 设置全局变量

https://i-blog.csdnimg.cn/direct/c9003d05fd58467086e371e483efc471.png

5.5.3 应用全局变量

{{globalData.url}}

https://i-blog.csdnimg.cn/direct/59d392ba6179433283f12bbf8c2ddb7b.png

5.6 使用剪贴板组件 (可忽略)

这里上面的工作流我做了一点调整,都是上面学习内容,不再累述

注意:从剪贴板获取参数,你得先右击复制一些内容到剪贴板,这里我就不再加工作量进行,你自己先右击复制内容到剪贴板即可

5.6.1 使用剪贴板组件

https://i-blog.csdnimg.cn/direct/a3afcb00427247ea9aa76b23961ce579.png

5.6.2 设置参数

https://i-blog.csdnimg.cn/direct/39e83061b463459c9f674cfcc7e077df.png

5.6.3 调用参数

在下一流程调用参数

https://i-blog.csdnimg.cn/direct/5f181fc137344f759306d205770f4f6c.png