内容简介：*本文原创作者：ForrestX386，本文属FreeBuf原创奖励计划，未经许可禁止转载在过往的安全审计中，我经常会遇到一些网站，其前端发送至后端的数据被加密处理，此时如果我想利用burpsuite之类的工具测试其是否存在弱口令等安全风险，那我必须得知晓前端发送至后端的数据包如何构造，如果要了解前端发送至后端的请求数据如何构造，那么必须要找到元素绑定事件对应的源码，下文，我简单总结一下常见的发现元素绑定事件对应源码的方法，如有错误或不足之后，还望各位斧正。 比如10086的登录框
*本文原创作者：ForrestX386，本文属FreeBuf原创奖励计划，未经许可禁止转载
0×00. 前言
在过往的安全审计中，我经常会遇到一些网站，其前端发送至后端的数据被加密处理，此时如果我想利用burpsuite之类的 工具 测试其是否存在弱口令等安全风险，那我必须得知晓前端发送至后端的数据包如何构造，如果要了解前端发送至后端的请求数据如何构造，那么必须要找到元素绑定事件对应的源码，下文，我简单总结一下常见的发现元素绑定事件对应源码的方法，如有错误或不足之后，还望各位斧正。
0×01. 正文
1）类型1：元素源码中指明了绑定的js函数
比如10086的登录框
右键登录按钮，选择检查 （chrome 为例）
找到此类型元素对应事件源码的关键就是在js源码中利用关键字搜索，然后找到源码，此例以LoginSubmit在源码中搜索
使用CTRL + SHIFT +F 在全局文件中检索会快一些
然后双击检索结果即可跳转到对应函数源码
这里有个小技巧，可以不用以函数名为关键字进行检索，在chrome 浏览器的console中直接键入函数名LoginSubmit，然后就可以得到函数的具体定义内容，如下
双击函数定义内容，就可以跳转到相应地js源码文件中找到函数的定义位置
2）类型2： 通过addEventListener 添加元素事件监听（以Jquery为代表的DOM操作类库元素绑定事件）
此例以我司内控堡垒机二次认证界面的登录框绑定事件为例
右键登录按钮，选择检查 （chrome ）
选择右侧的Event Listeners，选择click （登录当然要先click喽）
登录按钮绑定的click事件源码位于index文件的39行，点击跟进去，然后就找到了源码
如果你用的是firefox浏览器，则操作如下
右键 选择登录框，选择查看元素
点击灰色区域的event，则可显示出源码
当然也有一些浏览器插件可以帮助我们找出元素绑定的事件源码，比如chrome 的 Visual Event
2）类型3： 动态绑定事件(以VUE为代表的以数据为操作核心的带有双向绑定特性的类库元素事件绑定)
此例以我司内控堡垒机子节点界面中刷新按钮绑定的click 事件对应的js源码
右键 刷新按钮，依次选择检查–>Console, 然后设置条件使得网络请求异常（比如用 SwitchyOmega 挂一个不存在的代理），当异常抛出时候，可在console 下打印函数的调用栈，然后便可找到元素绑定事件对应的源码
以上所述就是小编给大家介绍的《安全测试辅助之如何快速找出元素绑定的事件函数代码》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- vue笔记1 数据绑定，生命周期的钩子函数
- [ PHP 内核与扩展开发系列] 函数的参数：arginfo 与类型绑定
- WPF 类型的构造函数执行符合指定的绑定约束的调用时引发了异常
- Golang Echo数据绑定中time.Time类型绑定失败
- 如何在Symfony的表单中添加一个未绑定字段,否则绑定到一个实体？
- js双向绑定
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Modeling the Internet and the Web
Pierre Baldi、Paolo Frasconi、Padhraic Smyth / Wiley / 2003-7-7 / USD 115.00
Modeling the Internet and the Web covers the most important aspects of modeling the Web using a modern mathematical and probabilistic treatment. It focuses on the information and application layers, a......一起来看看 《Modeling the Internet and the Web》 这本书的介绍吧!
