自动登录路由器

我们通过一个简单的例子了解一下如何快速填写网页表单。

一、场景展示

CL 经常需要登录家里的路由器看一下网络状态，每次都要鼠标和键盘要换好几次手，比较麻烦，就像这样：

作为一名资深懒客，这显然无法忍受，所以就做了一个简单动作实现了一键登录：

前置条件

浏览器已安装扩展并正常连接

如果您还没有安装，可以从官网下载页面找到浏览器扩展商店的链接。

了解 CSS 选择器

在浏览器中通常使用 CSS选择器（简称 选择器） 来定位元素。如果你对网页技术不太熟，可以大概把选择器理解为元素的 “家庭地址”。

如何获得元素的选择器？方法很多：

- 在浏览器网页上按 Ctrl+Shift+C，鼠标悬浮在元素上时，浏览器会高亮显示，点击选中要控制的元素，从右侧控制台的元素树上找到对应的节点，右键菜单中复制选择器（selector）即可。

也可以F12打开控制台后，点击箭头图标开始选择。

动作实现步骤

（1）打开网址并等待加载完成

通过浏览器控制打开网址，选择 “等待操作完成” 可实现等待网页加载完毕后再继续。

（2）触发点击开始按钮

在步骤中触发 #normalphoto 元素的点击事件。

测试效果：

（3）输入账号

更新元素信息，为用户名输入框更新值为user。

测试效果：

（4）输入密码，和上一步类似，就不再赘述了

（5）提交表单

每种表单提交方式不太一样，有的直接回车就可以提交，有的要模拟点击提交按钮，以测试为准。本例中可以直接使用回车提交。

总结

通过浏览器控制模块，您可以自由控制网页，实现模拟点击元素、填写表单，以及从网页提取数据，甚至运行自定义的javascript代码。如果您日常工作有方面的需求，不妨一试。

这篇文档介绍了一些常见元素的更新方法，敬请参考：https://getquicker.net/KC/Help/Doc/web-page-control

本文使用 文章同步助手 同步