-1.目录

0.参考

1.页面表现

2. 慢镜头观察：低速网络请求

3. 从头到尾调试：Fiddler 拦截 index.html 并添加 debugger;

4. 快速定位 js 代码

5. 还原被混淆压缩的 js

0.参考

https://developers.google.com/web/tools/chrome-devtools/javascript/step-code 如何单步调试代码

https://bindog.github.io/blog/2017/02/02/battle-with-front-end-engineer/ 与前端工程师的较量——Chrome调试工具进阶技巧

1.页面表现

1.1 定位目标元素

1.2 查看源代码

1.3 全局搜索 port 或 .port 或 GEA

无果，所以才有下文。。。

2. 慢镜头观察：低速网络请求

2.1 Network 面板将 Online 切换到 Slow 3G

2.2 硬性刷新，观察到慢速下载和加载 js 代码

2.3 等待所有 js 文件下载并加载完毕，端口信息发生了变化

另外，也可以使用录制功能观察吧

3. 从头到尾调试：Fiddler 拦截 index.html 并添加 debugger;

3.1 Fiddler 添加规则

3.2 刷新网页，修改拦截的 index.html 响应

3.2.1 在 <html> 标签之后立马添加 <script>debugger;</script>

3.2.2 将上一步设置的 rule 修改为默认值 Disabled

3.2.3 点击下图的绿底按钮 Run to Completion，恢复正常下载状态

3.3 浏览器自动进入调试暂停状态，根据需要步进观察 js 加载顺序

4. 快速定位 js 代码

4.1 手动修改 html 目标元素文本

4.2 (可选)找到目标元素的父节点，右键添加断点：在子节点发生变化时中断

Sources 面板可以看到启用的 DOM 断点

4.3 手动再一次执行 js 代码

4.3.1 Sources > Network > 竖三点菜单 > 取消勾选 分组显示， 找到加载的所有 js 文件

4.3.2 依次点击浏览 js 文件，ctrl+a 全选代码，右键选择执行代码

4.4 运气好的话找到目标 js 文件导致浏览器进入调试暂停状态（之前如果没有在父节点添加断点，则直接观察 html 目标元素文本是否发生变化）

4.5 运气不好的话，只能在 html 代码中搜索 js 脚本，逐段复制到 console 执行

5. 还原被混淆压缩的 js

5.1 通过在线工具还原

http://jsbeautifier.org/

5.2 通过 console 还原

5.2.0 参考

JS混淆openlaw反爬破解实践 https://zhuanlan.zhihu.com/p/32344678    将eval改为console.log，新建snippet拷贝这一段内容，运行该脚本，在Chrome的console中输出js代码输出结果。

jspacker压缩及解压缩研究(js eval) http://www.cnblogs.com/cc11001100/p/8468508.html    将原文提到的小工具放在了 https://kaisla.top/eval/

5.2.1 使用 Pretty print 重排单行代码

5.2.2 将全部代码复制粘贴至 console，并将开头的 eval 修改为 console.log，回车执行

5.2.3 console 输出开头依旧是 eval，重复上一步直到输出开头不是 eval

5.2.4 取得 console 最终输出代码段，新建代码片段，粘贴并重排，还原第一行的变量定义 _$

5.2.5 根据上一步 console 输出还原 js 代码段，适当添加 console.log 观察中间变量输出，运行代码段

5.3 python 模拟 js 代码还原端口信息

In [1]: letter = 'GEGEA'

In [2]: port = ''.join([str('ABCDEFGHIZ'.index(s)) for s in letter])

In [3]: int(port) >> 3
Out[3]: 8080

js分析 快速定位 js 代码， 还原被混淆压缩的 js 代码的更多相关文章

  1. 还原网站上压缩的js代码

    还原网站上压缩的js代码 我们经常可以看到一些网站,把所需的javascript代码压缩成一行,就像下图这样 这种代码浏览器能读懂,但正常人是没法阅读的. 既然浏览器能读,浏览器当然也能还原这段代码. ...

  2. 还原网站上被压缩的JS代码方便阅读

    我们经常可以看到一些网站,把所需的javascript代码压缩成一行,就像下图这样: 这种代码浏览器能读懂,但正常人是没法阅读的. 既然浏览器能读,浏览器当然也能还原这段代码. 其实很简单.这里我使用 ...

  3. PC逆向之代码还原技术,第五讲汇编中乘法的代码还原

    目录 PC逆向之代码还原技术,第五讲汇编中乘法的代码还原 一丶简介乘法指令 1.乘法指令 2.代码还原注意问题 二丶乘法的汇编代码产生的格式 1.高级代码观看 2.乘法的汇编代码还原. 三丶乘法总结 ...

  4. PC逆向之代码还原技术,第四讲汇编中减法的代码还原

    目录 PC逆向之代码还原技术,第四讲汇编中减法的代码还原 一丶汇编简介 二丶高级代码对应汇编观看. 1.代码还原解析: 三丶根据高级代码IDA反汇编的完整代码 四丶知识总结 PC逆向之代码还原技术,第 ...

  5. PC逆向之代码还原技术,第三讲汇编中加法的代码还原

    目录 PC逆向之代码还原技术,第三讲汇编中加法的代码还原 一丶汇编简介 二丶高级代码对应汇编观看. 1.代码还原解析: 总结 PC逆向之代码还原技术,第三讲汇编中加法的代码还原 一丶汇编简介 在讲解加 ...

  6. 在控制台快速定位js函数

    最近在搞教务处的模拟登录,教务处用js加密密码和账号,为了构造能用的post数据,需要快速的找到对应的js代码.但是,那么多js代码,手动找会找到死的. 恰好学习了两个快速定位的方法:console ...

  7. KRPano资源分析工具使用说明（KRPano XML/JS解密 切片图批量下载 球面图还原 加密混淆JS还原美化）

    软件交流群:571171251(软件免费版本在群内提供) krpano技术交流群:551278936(软件免费版本在群内提供) 最新博客地址:blog.turenlong.com 限时下载地址:htt ...

  8. js混淆代码还原－js反混淆：利用js进行赋值实现

    js混淆代码还原-js反混淆:利用js进行赋值实现   [不想用工具的直接看方法二] 本文地址:http://www.cnblogs.com/vnii/archive/2011/12/14/22875 ...

  9. 压缩和还原压缩的JS代码

    压缩JS代码:packer – 最好用的 javascript 压缩工具地址: http://dean.edwards.name/packer/ http://kan.willin.org/?page ...

随机推荐

  1. Python——控件基础操作

    一.生成主窗口(主窗口操作) window=tkinter.Tk() #修改框体的名字,也可在创建时使用className参数来命名: window.title('标题名') #框体大小可调性,分别表 ...

  2. LODOP设置打印设计返回JS代码是变量

    前面有一篇博文是介绍JS模版的加载和赋值,赋值有两种,详细可查看本博客的那篇博文:LodopJS代码模版的加载和赋值简单来说,就是打印项的值是变量,在添加打印项前进行赋值:打印项的值是字符串,给打印项 ...

  3. mpvue——引入echarts打包vendor过大

    前言 有一个项目需要引入图表,当时有两种选择一种是mpvue-echarts,一种是F2,而我经过踩坑之后依然决然的选择了mpvue-echarts,简单快捷容易上手,主要之前用过比较熟悉. 问题 | ...

  4. 初步了解jQuery

    jQuery 库可以通过一行简单的标记被添加到网页中. jQuery是一个JavaScript函数库. jQuery是一个轻量级的"写的少,做的多"的JavaScript库. jQ ...

  5. Magento 2 Error: A technical problem with the server created an error. Try again to continue what you were doing. If the problem persists, try again later.

    有时在Magento上进行调试会很烦人,特别是如果出现了一些问题,而不是在你实际编写代码时. 这是Magento管理面板上发生的事情.截至目前,它可能是三个原因之一,让我们讨论一下: 1.管理员密码 ...

  6. JS 防抖函数和节流函数

    文章转载自:木上有水 什么是防抖?什么是节流? 工作中我们经常会用一些方法监听某些事件的完成,比如scroll.resize.keyup等. 常规事件触发的时候,比如scroll,会在短时间内触发多次 ...

  7. Fiddler--AutoResponder

    AutoResponder支持创建规则,可以在响应请求时自动触发,常见例子是返回之前捕捉的响应,而不需要访问服务器. 通俗点讲,就是它能在不访问服务器的情况下,使发送的请求得到自己设置的响应. 下图是 ...

  8. .net异步委托

    委托Delegate是一个类,定义了方法的类型, 使得可以将方法当做另一个方法的参数来进行传递,这种将方法动态地赋给参数的做法,可以避免在程序中大佬使用If-Else(Switch)语句,同时使得程序 ...

  9. WEB内容换行

    word-wrap:break-word 单词间换行 word-break:break-all 单词内也可以换行 white-space属性指定元素内的空白怎样处理 normal 默认.空白会被浏览器 ...

  10. java中<T> T和T的区别

    如果希望 getMax 方法的返回值类型为 T,就要这样去定义getMax方法: public T getMax() 如果希望 getMax 方法返回值的类型由调用者决定,那么就这么去定义 getMa ...