尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
影刀RPA HTML与CSS和JS基础知识在RPA中的应用
影刀RPA HTML CSS JS基础知识在RPA中的应用作者林焱 | 适合人群想深入理解网页元素定位原理的新手什么情况用什么你不需要成为前端工程师但了解一点点HTML/CSS/JS的基础知识能让你的RPA开发能力上一个台阶。什么时候需要这些知识手动写XPath定位元素看网页源码找隐藏数据执行JavaScript代码绕过反爬理解动态加载Ajax的原理怎么做HTML基础够用就行什么是标签div这是一个块级元素/divspan这是一个行内元素/spanahrefhttps://xxx.com这是一个链接/ainputtypetextnamekeyword[video(video-4nJWuQC4-1783576093789)(type-csdn)(url-https://live.csdn.net/v/embed/526818)(image-https://v-blog.csdnimg.cn/asset/582d14c3bd0451c5399cd990b56e2a0d/cover/Cover0.jpg)(title-拼多多店群自动化报活动上架)]imgsrcxxx.jpgalt图片什么是属性inputidkwclasss_iptnamewdid、class、name都是属性。XPath就是用这些属性来定位元素的。层级关系divclasscarddivclasstitle标题/divdivclassprice99元/div/divtitle和price都是card的子元素。XPath的/就是描述这种层级关系。CSS基础了解class就够了CSS用class来给元素添加样式。RPA里最重要的认知class可能随页面样式变化而变化不一定稳定。/* 这样的class是稳定的 */.card-title{color:red;}/* 这样的class是不稳定的CSS Modules自动生成 */.x1a2b3c4{color:red;}判断class是否稳定右键 → 查看元素 → 看class名称是否包含有意义的关键词。card-title有意义x1a2b3c4没意义。JavaScript基础在影刀里执行JS有些操作影刀指令做不到比如滚动到页面底部修改元素的显示状态触发一个JS事件在影刀里用「执行JavaScript」指令可以直接写JS代码// 滚动到底部window.scrollTo(0,document.body.scrollHeight);// 显示隐藏的元素document.querySelector(#hidden-div).style.displayblock;// 点击一个按钮即使被遮挡也能点document.querySelector(#submit-btn).click();有什么坑坑1querySelector和XPath是两套语法document.querySelector(#kw)用CSS选择器语法#代表id.代表class。XPath用//input[idkw]。两套语法不通用不要混着写。TEMU店群矩阵自动化运营核价报活动坑2JavaScript操作的页面是浏览器里的真实页面用querySelector找到的元素是浏览器里已经加载完成的元素。如果元素还没加载出来JS也找不到。解决方案执行JS之前先用影刀的「等待元素出现」指令确认元素已加载。坑3不同网站的class命名规则完全不同淘宝的class可能是price小红书的class可能是note-price。没有统一标准。解决方案每换一个网站都重新观察class命名规律。不要假设某个class名称在另一个网站也存在。总结你不需要深入学HTML/CSS/JS但能看懂基本结构就够了。三个核心能力能看懂HTML标签和属性 → 写XPath能判断class是否稳定 → 选对属性能写简单JS操作 → 兜底方案作者林焱
RELATED

相关推荐

如何用yfinance轻松获取雅虎财经数据:Python金融分析的终极指南

如何用yfinance轻松获取雅虎财经数据:Python金融分析的终极指南

如何用yfinance轻松获取雅虎财经数据:Python金融分析的终极指南 【免费下载链接】yfinance Download market data from Yahoo! Finances API 项目地址: https://gitcode.com/GitHub_Trending/yf/yfinance 在金融数据分析和量化交易的世界里,获取准…

📅 2026/10/7 10:48:56
终极英雄联盟智能助手:三分钟部署你的免费战绩查询神器

终极英雄联盟智能助手:三分钟部署你的免费战绩查询神器

终极英雄联盟智能助手:三分钟部署你的免费战绩查询神器 【免费下载链接】Seraphine 英雄联盟战绩查询工具 项目地址: https://gitcode.com/gh_mirrors/se/Seraphine 你是否曾因手动查询战绩而错过BP最佳时机?是否想在游戏开始前就了解队友实力&am…

📅 2026/10/5 0:05:36
Spire.Doc for Python 12.0 实战:Word转HTML保留3类关键格式(图片/表单/页眉)

Spire.Doc for Python 12.0 实战:Word转HTML保留3类关键格式(图片/表单/页眉)

Spire.Doc for Python 12.0 高级格式转换实战:Word转HTML保留图片、表单与页眉的完整指南在自动化报告生成和内容发布场景中,Word文档到HTML的转换质量直接影响最终呈现效果。传统转换工具往往面临格式丢失、布局错乱等问题,而Spire.Doc for …

📅 2026/8/31 11:10:20
MORE NEWS

更多资讯

📰

/goal设计:目标驱动的AI编程协作范式

1. “Codex /goal 设计”不是功能命名,而是一套目标驱动的代码生成协作范式你第一次在某跨平台系统开发群看到“Codex /goal 设计”这个说法时,大概率会愣一下——它既不像标准术语,也不像工具名,更没有官方文档背书。我最初也以为…

📰

武汉大学数理统计课程核心考点与备考策略

1. 武汉大学数理统计课程概述武汉大学作为国内顶尖的"双一流"高校,其研究生阶段的数理统计课程一直以理论严谨、应用性强著称。这门课程通常安排在统计学、应用数学、经济学等相关专业的研究生第一学年,是后续高级计量经济学、机器学习等课程的…

📰

MCP Server:让GPU服务器无缝接入AI编程工具链

1. 项目概述:这不是“连个API”,而是一次底层能力的重新定义你有没有遇到过这样的场景:实验室里那台堆满显卡的服务器,跑着AlphaFold2的结构预测模型,或者BLAST的同源搜索流程,但每次想用,都得S…

📰

agency-agents:智能体系统设计的能动性与协作架构

1. 项目概述:从“agency-agents”这个词组看智能体系统设计的本质逻辑“agency-agents”不是某个具体工具、框架或开源库的官方名称,而是一个高度凝练的概念性组合词——它把agency(能动性)和agents(智能体&#xff09…

📰

从命令行到主循环:Hermes引擎源码执行链路全解析

1. 从命令行出发:Hermes到底是怎么跑起来的标题里写了“从命令行到一次对话”,这个“对话”其实指的是引擎和你的交互过程——你敲下一行hermes xx.js,引擎从读取源码、编译成字节码,到最终执行并打印结果,整个链条就是…

📰

LobeChat本地部署:Docker、环境变量与反向代理实战

1. 先把聊天界面从模型里拆出来,这件事本身就值得做很多人第一次接触本地聊天机器人,顺序是反的:先去折腾模型权重、量化精度、显存占用,结果折腾了三天,模型跑起来了,却只能对着终端敲curl,连个…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬