按键精灵的坐标抓取 按键精灵获取网页地址

35白皮书 2023-01-26

神奇的JavaScript技巧:击键向导

按钮等自动化工具可以解放我们的双手帮助我们自动完成很多工作。在很多场景下它可以大大提高生产力。

本文将展示:用JavaScript实现一个“按键向导”演示自动点击、聚焦、输入等操作。

实现效果

实现效果

如上面的动画所示在页面中会自动执行以下操作:

1.相隔一秒钟单击两个按钮;

2.设置输入框的焦点;

3.在输入框中输入文本;

4.单击以打开链接;

实用原则

原理并不复杂。获取元素并执行事件如单击和设置焦点。

有两个困难:

1.对于没有Id和名称的元素不能使用getElementById和getElementByName。如何定位它们;

解决方案是:使用querySelectorAll获取页面的所有元素然后通过匹配源代码准确定位元素。代码如下:

2.如何设置延迟:点击一个位置后等待几秒钟再执行下一个操作。

解决方法是使用setTimeOut和回调函数。代码如下:

关键代码的详细说明

根据上述原则准备点击、设置焦点和分配功能如下:

调用时传入源代码、延迟值和回调函数。

即操作指定源代码的元素然后延迟一定时间再执行回调函数。

源代码可以在页面查看器中获得如下图所示:

完整的源代码

下面是上面例子的完整代码可以保存为html来运行。

& lthtml & gt& ltbody & gt& lt脚本& gtdocument . body . addevent lis

透明JavaScript很容易被功能逻辑理解可以随意修改。如果想提高代码安全性就应该对代码进行加密和保护。比如可以使用专业的JavaScript代码混淆加密工具JShaman。上述完整源代码中的JavaScript代码经过JShaman加密后会变成如下形式使用完全不受影响:

注意:左边是原码右边是加密码。