F12开发者工具建议打开的功能

全局搜索前建议打开的功能

引言

以这个网站为例:https://passport.kongzhong.com/

在这里插入图片描述
点击登录后,会发现password参数是加密的
在这里插入图片描述
一般会先想到全局搜索:和当前网站相关的文件一共有5个结果
在这里插入图片描述
挨个点开查看
其实只有这个文件:login-handler-kz-ums-3.0-min.js是最有可能的(排除法)
但是点开后发现是看不懂的一些字符串传入了eval函数(有经验的人一看就是eval"混淆"),这种混淆后的代码,被执行后,会运行在一个虚拟文件(VM数字结尾),此时我们通过全局搜索也是搜索不到的

在这里插入图片描述
当然我们可以对其进行手动解混淆获取源代码
在这里插入图片描述

建议的步骤

点击右上角的齿轮按钮(设置/setting)
在这里插入图片描述
在Source子选项卡下勾选Search in anonymous and content scripts

含义为:在匿名脚本和内容脚本中搜索,此时就会搜索所有已加载的脚本
在这里插入图片描述
再次进行搜索,会多出几个文件,其中就包括VM192
在这里插入图片描述
我们点进去就可以看到,正是eval解密后的代码
在这里插入图片描述

结束

不过简单的网站也可以跟栈查看,像这个网站一下子就跟到了
不过有时候看到一个网站,最初的想法还是搜索关键字

事件监听器相关功能

前言

某些网站,例如:http://ggzy.zwfwb.tj.gov.cn/jyxx/index.jhtml
在列表页显示的详情页链接和真实的详情页链接不一致
在这里插入图片描述

建议的步骤

此时就需要监听a标签的点击事件
选中a标签,查看其点击事件
在这里插入图片描述
会发现这几个位置下断点后,都不可以直接定位到(真实代码在vm中,使用eval执行的)
这时候我们可以开启右上角Framework侦听器选项
在这里插入图片描述
就可以看到最后一个点击事件变成了在VM4694:1文件中,可以直接定位到逻辑代码位置
在这里插入图片描述
当然使用火狐更好用
在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
F12开发者工具是一款内置在现代浏览器中的调试工具,它提供了许多有用的功能,可以帮助开发人员进行网页开发和调试。以下是一个简单的F12开发者工具教程: 1. 打开F12开发者工具: - 在大多数浏览器中,你可以使用快捷键F12打开开发者工具。 - 在Chrome浏览器中,你还可以通过右键点击页面,然后选择“检查”来打开开发者工具。 2. 导航面板: - 开发者工具通常由不同的面板组成,例如元素、网络、控制台等。 - 你可以使用选项卡或快捷键在这些面板之间进行导航。 3. 元素面板: - 元素面板显示了当前页面的HTML结构。 - 你可以通过在页面上选择元素来查看和编辑其相关的CSS和属性。 - 这对于调试和修改页面布局非常有用。 4. 网络面板: - 网络面板显示了当前页面加载的所有网络请求。 - 你可以查看请求的详细信息,包括请求头、响应内容和加载时间等。 - 这对于优化网页加载速度和调试AJAX请求非常有用。 5. 控制台面板: - 控制台面板用于显示网页的JavaScript日志、错误和调试信息。 - 你可以在控制台中执行JavaScript代码,以及查看输出结果。 - 这对于调试JavaScript代码和查找错误非常有用。 6. 其他功能: - F12开发者工具还提供了许多其他有用的功能,例如调试器、性能分析器、应用程序存储等。 - 你可以根据需要探索这些功能,并根据具体情况使用它们。 请注意,不同的浏览器可能会有略微不同的界面和功能。这只是一个基本的教程,你可以根据自己的需求和浏览器来进一步学习和掌握F12开发者工具的使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

飞得更高肥尾沙鼠

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值