随着数字化的转型,公司的信息系统越来越多,虽然可以给信息的储存、查找、分析等方面带来了很多方便,但是往往需要大量的维护操作,其中绝大部分维护是通过浏览器进行操作,工作特点是相对机械,同时需要大量的人力,付出大量的时间。
要想实现自动执行机械重复的浏览器端运维操作,首先学习如何在浏览器端用代码模仿用户的行为,例如输入、点击等行为。因为浏览器支持用户在控制台编写和执行javascript脚本,于是我开始尝试一个简单的任务:用脚本实现自动登录邮箱。
这个脚本完成的任务就是自动帮我输入邮箱账号和密码,然后自动点击登录按钮。实现的步骤如下:
1 进入邮箱登录网页后,按F12,进入html代码界面;
2 在网页的账号输入框中输入账号,程序如何辨别哪个是账号输入框呢?类似每个人有独特的身份证号,网页中的每个控件都有自己唯一的id编号,可以根据Id获取到对应控件,如何快速知道账号输入框的id 呢?F12之后浏览器中有一个选择按钮,点击之后选择账号输入框,可以自动对应到它的html代码,可以看到账号输入框的class、id等信息。
3.给账号输入框赋值,同理,给密码输入框赋值。模拟点击登录按钮。
具体的实现代码如下:
var userName=document.getElementById("u").value="xxxx";
var password=document.getElementById("p").value="xxxx";
var btn=document.getElementById("login_button");
btn.click();
后面后进行更多的脚本学习,逐渐实现web端简单的运维操作。