谷歌浏览器插件Automa_1.定位

定位你想要操作的位置

这段话是对小白说的:机器并没有智能,它只是个你叫他洗碗他就绝对不会洗锅的机器,所以你要想好你的每一步鼠标操作、键盘操作和位置,把所有操作都告诉机器,它就能做好所有事情。这里先讲解位置。
这里有两种定位方法:CSS选择器、Xpath选择器
如果你是个编程小白的话则不需要考虑两者的区别,甚至乎高手也不考虑两者的区别,可口可乐和百事可乐的区别只有一群脑残粉互杠。


css

这里主要介绍css选择器,粗略地介绍,因为插件本身就提供了基于css的人性化定位功能,如图所示:
在这里插入图片描述
可以看到这个功能叫做元素选择器,你可以使用它来定位输入框、按钮、又或者一张图片,一个序号,只需点击网页中的任意一个你想点击的位置,它都可以提取出所对应的CSS

莆田制药公司居然是违禁词,哈哈哈哈
你可以在(组件中的)Element selector中输入#kw,或者[name=‘wd’],总之鲁迅说过,能跑起来就写了,管他那么多干嘛
在这里插入图片描述


xpath

接下来介绍Xpath选择器,点击此处查阅xpath语法,在想要点击处右键,点击检查,这时会弹出网页对应处的html代码,在代码突出显示处右键,复制xpath(经测试,Automa对xpath的多元素支持并不完善)
在这里插入图片描述

谷歌插件Automa是一款强大的自动化工具,它允许用户编写脚本来自动操作网页内容,包括插入表格数据。如果你想通过Automa循环插入表格数据,你可以按照以下步骤操作: 1. **安装并配置Automa**:首先在Chrome Web Store上下载并安装Automa插件,然后在浏览器中启用它。 2. **创建脚本**:打开Automa的脚本编辑器,使用JavaScript或其他支持的语言编写你的脚本。例如,你可以使用`document.createElement('table')`来创建一个新的表格元素。 3. **添加行和单元格**:使用DOM操作方法如`.innerHTML`设置每一行和单元格的数据。可以设置一个循环,根据需要插入固定数量的数据,或者从外部数据源动态获取数据。 4. **定位元素**:确定你在网页上的目标位置来插入新创建的表格。这通常涉及到选择合适的元素,比如某个特定ID的选择器或者页面的某部分。 5. **插入到文档**:最后将新创建的表格插入到指定的位置,通常是`document.body.appendChild()`这样的方法。 ```javascript for (let i = 0; i < data.length; i++) { const table = document.createElement('table'); const row = document.createElement('tr'); for (let j = 0; j < data[i].length; j++) { const cell = document.createElement('td'); cell.innerHTML = data[i][j]; row.appendChild(cell); } table.appendChild(row); // 将row插入到你需要的位置,这里假设是body的末尾 document.body.appendChild(table); } ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值