用户浏览器操作行为的一种记录方法

最新推荐文章于 2024-07-05 10:55:58 发布

xreztento

最新推荐文章于 2024-07-05 10:55:58 发布

阅读量5.9k

点赞数

本文链接：https://blog.csdn.net/xreztento/article/details/45032531

版权

本文探讨了如何利用JavaScript的函数劫持和原型链劫持技术来记录用户在浏览器中的操作行为，特别是针对点击按钮的行为。通过分析onclick属性、addEventListener以及框架如JQuery的事件处理，实现了对用户行为的透明记录并转换为自然语言。最后，介绍了如何通过HTTPProxy非透明代理将记录脚本注入到HTML网页中。

摘要由CSDN通过智能技术生成

记录用户浏览器操作行为是功能自动化测试工具用于录制测试脚本的先决条件，本文将介绍如何采取一种通用的方式，实现对于浏览器端透明地记录用户操作行为，从而实现用户行为向自然语言转换的过程。

对于操作行为记录的方法主要依赖于JavaScript的两个特性，第一是通过“函数劫持”实现对已有操作函数的脚本注入，第二是通过劫持HTML元素原型链(prototype chain)上EventTarget.prototype内的各类事件相关函数进一步实现对于用户操作行为的记录。“函数劫持”已经有许多文章介绍，这里不再赘述其原理，一个典型的示例代码如下：

(function(){
    var alert = window.alert;
    window.alert = function(message){
        alert(message);
        console.log("弹出消息窗口内容为" + message);
    };
})();

我们拿<input type="button" />进行举例，实现用户点击按钮行为的方法可以总结为以下几种方式：

（1）在元素内增加onclick属性；

（2）通过对元素添加addEventListener实现click事件后的回调函数处理；

（3）通过如JQuery框架实现click事件处理。

因此，我们需要综合考虑以上不同实现click事件的原理，通过劫持注入我们进行自然语言转换的脚本代码：