艺赛旗 RPA 网页处理系列(三):网页检查 / 审查小技巧

当需要进行网页操作的时候,研发人员或者支持人员常常告诉你,检查一下元素,这是什么意思呢?
其实网页是由一堆叫 DOM 的东西组成的,我们操作关键是找到合适的 DOM
文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将 web 页面和脚本或程序语言连接起来。
要找到他,最简单的是使用检查功能,在 IE11 中,按 F12 或者在下图菜单上,能找到 DOM 资源管理器:

然后我们看看如何正确进行 DOM 拾取,如下图:

请按红框箭头图标,然后移动到你要拾取的元素(绿框),点击,下面选中部分的 html 以及下级的树(蓝框)就是我们要研究的部分了,可以截图或者拍照,记得一定要全的,如果下级还有没展开的树状结果,尽量展开。
从开发研究工具来说,chrome 比 ie 更强大,在 chrome 中,页面上点击右键的检查菜单可以激活类似的页面,具体如下:

注意
老版本的 IE 没有开发者功能!
选择 DOC 要小心移动,网页中经常有多重 DOC 位置相似或者重叠
常见错误是拍照 DOM 元素不全
常见错误是选错了 DOM

如果有谷歌浏览器,也可以使用谷歌浏览器的 F12 进行

————————————————
版权声明:本文为 CSDN 博主「weixin_44447687」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44447687/article/details/86674333