Js逆向教程-03浏览器调试工具-Source面板

news2025/4/9 5:54:06

Js逆向教程-03浏览器调试工具-Source面板

切换到source面板，对于source面板，需要打开搜索面板才能发挥出完整的功能。

在这里插入图片描述

一、搜索面板

通过点击右上角的按钮，切换到搜索面板

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-k2wH9vBe-1668261854905)(02 - 副本.assets/image-20221112190203635.png)]

搜索页面的左侧，可以给搜索页面添加其他功能

比如console控制台功能，Network request blocking功能

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ROWLSwsO-1668261854906)(02 - 副本.assets/image-20221112190417386.png)]

二、Page面板

它包含当前百度页面请求的所有资源文件，都位于page中，平常用的不多。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-X3vl7l5y-1668261854906)(02 - 副本.assets/image-20221112190822962.png)]

三、Filesystem面板

本地文件系统，可以添加一个本地的workspace，记得要允许访问权限

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GQLQ9CbV-1668261854907)(FileSystemworkspace.gif)]

四、Overrides(重写面板)

它的作用时对当前网站上已有的js文件进行替换改写，然后放置到网站上看下替换改写后的效果，它也会请求权限，记得点允许。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yPUKCuCw-1668261854907)(Overrides.gif)]

可以在network面板中找到一个js文件，右键=》Open in source pannel ，然后，就可以编辑这个js文件了，比如说可以添加一个dubugger，保存后，你会发现

Overrides面板中会有一个js文件保存到本地文件夹中,。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-48qkgkrJ-1668261854908)(重写js文件.gif)]

五、Content scripts面板

这里存放的当前上下文的js文件，上下文的概念后面会讲。

六、Snippets面板

它用于在网站上创建工作js记录。

比如说你想实现一个功能，但是你不想放到本地文件中去保存，就可以在这里写js文件，在这里写的js代码可以影响到整个网站页面的。

比如说想要修改百度一下的文本：

就可以在面板中输入：

var aaa = document.querySelector("#su");

将文本获取到。

让后通过

aaa.value = ""

将百度一下设置为空。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QJrSMbp4-1668261854908)(设置文本为空.gif)]

七、调试代码面板

找到一个js文件，在左侧位置，添加断点，添加后，刷网页，就会在断点停住，此时，可以通过如下按钮进行代码调试：

在这里插入图片描述

按钮的含义如下：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-h2ahlVdM-1668304326318)(02 - 副本.assets/image-20221113090326449.png)]

7…1Paused on breakpoint

在捕获到异常代码时中断停止。抛异常,，会自动在这里停下

try
{
	//抛异常,，会自动在这里停下
}
catch
{

}

7.2断点属性设置

右键断点，会弹出如下菜单：
在这里插入图片描述

Edit breakpoint

编辑断点条件，当为true,当前断点生效，如果为 false ，跳过当前这一行所有断点。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fz6jVrPU-1668304326318)(编辑断电条件.gif)]

7.3Watch

可以将一个变量添加到监听列表，将变量的数据都展现出来

。比较方便的查看变量数据，而不是在console面板中，每次都输出。

7.4Call Stack

调试堆栈比较重要，后面会对应讲解。

7.5Scope

作用域

  1. Local局部作用域
  2. Global全局作用域

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q8Ot2qpc-1668304326319)(02 - 副本.assets/image-20221113093536464.png)]

7.6 XHR/DOM断点列表

7.7 全局监听事件

7.8 事件监听断点

八、Console面板

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ydPi1mz1-1668304326319)(02 - 副本.assets/image-20221113093954511.png)]

用于控制台用于交互操作数据。

  1. Hide network:是否隐藏network，能看到的数据包越多越好，不用隐藏
  2. Preserve log保留数据包 勾选上方便调试
  3. selected context only:选择当前上下文，可以不用勾选
  4. Group similar 分组
  5. Log XMLHttpRequests 是否输出xml请求

九、总结

最后的最后
由本人水平所限，难免有错误以及不足之处， 屏幕前的靓仔靓女们 如有发现，恳请指出！

最后，谢谢你看到这里，谢谢你认真对待我的努力，希望这篇博客对你有所帮助！

你轻轻地点了个赞，那将在我的心里世界增添一颗明亮而耀眼的星！

💬 往期优质文章分享

  • C++ QT结合FFmpeg实战开发视频播放器-01环境的安装和项目部署
  • 解决QT问题：运行qmake：Project ERROR: Cannot run compiler ‘cl‘. Output:
  • 解决安装QT后MSVC2015 64bit配置无编译器和调试器问题
  • Qt中的套件提示no complier set in kit和no debugger，出现黄色感叹号问题解决（MSVC2017）
  • Python+selenium 自动化 - 实现自动导入、上传外部文件（不弹出windows窗口）

🚀 优质教程分享 🚀

  • 🎄如果感觉文章看完了不过瘾，可以来我的其他 专栏 看一下哦~
  • 🎄比如以下几个专栏：Python实战微信订餐小程序、Python量化交易实战、C++ QT实战类项目 和 算法学习专栏
  • 🎄可以学习更多的关于C++/Python的相关内容哦！直接点击下面颜色字体就可以跳转啦！
学习路线指引（点击解锁）知识定位人群定位
🧡 Python实战微信订餐小程序 🧡进阶级本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战 💛入门级手把手带你打造一个易扩展、更安全、效率更高的量化交易系统
❤️ C++ QT结合FFmpeg实战开发视频播放器❤️难度偏高分享学习QT成品的视频播放器源码，需要有扎实的C++知识！
💚 游戏爱好者九万人社区💚互助/吹水九万人游戏爱好者社区，聊天互助，白嫖奖品
💙 Python零基础到入门 💙Python初学者针对没有经过系统学习的小伙伴，核心目的就是让我们能够快速学习Python的知识以达到入门

🚀 资料白嫖，温馨提示 🚀

关注下面卡片即刻获取更多编程知识，包括各种语言学习资料，上千套PPT模板和各种游戏源码素材等等资料。更多内容可自行查看哦！

请添加图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/5451.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

第1章 数据结构的概念

第1章 数据结构的概念

文章目录文档配套视频讲解链接地址第01章 数据结构的概念1.1 数据结构的知识体系1.2 链表1. 创建头结点的内存图2. 插入1节点时的内存图3. 插入2节点时的内存图4. 插入3节点的内存图5. 实例1 链表节点的插入6. 链表删除节点37. 实例2 链表的删除节点8. 实例3 链表的改查逆序9. …
阅读更多...
Allegro阻抗分析指导书

Allegro阻抗分析指导书

Allegro阻抗分析指导书 利用Allegro自带的功能可以快速分析信号的阻抗 操作如下 首先用172版本打开PCB 把每层厚度和介电常数填写进去 点击work flow Manager，出现右图对话框 选择需要查看的网络 点击start Analysis 点击impedance table和impedance vision就可以查看阻…
阅读更多...
【网络篇】第九篇——多线程版的TCP网络程序

【网络篇】第九篇——多线程版的TCP网络程序

多进程与多线程对比 多进程 多线程 多线程版的TCP网络程序 多进程与多线程对比 多进程 优点 可以处理多个用户易于边写稳定，因为进程具有独立性 缺点 连接来了之后才创建进程，性能太低多进程服务器特别吃资源，而且同时服务的客户有上限…
阅读更多...
（最新版2022版）剑指offer之排序题解

（最新版2022版）剑指offer之排序题解

（最新版2022版）剑指offer之排序题解JZ3数组中重复的数字JZ51 数组中的逆序对JZ40 最小的K个数JZ41 数据流中的中位数JZ3数组中重复的数字 思路： 既然数组长度为nnn只包含了0到n−1n-1n−1的数字，那么如果数字没有重复&#xff0c…
阅读更多...
qt C++中指针自动释放内存及程序中的内存操作、管理

qt C++中指针自动释放内存及程序中的内存操作、管理

程序加载到内存后代码存储到代码区，并将全局变量、静态变量初始化到全局/静态内存区，然后会分配2M左右的栈内存区用于存储局部变量，并在运行时根据需要可以在堆内存区(空闲内存区及硬盘的虚拟内存区)申请空间。 程序可使用的内存分区↓ 各基…
阅读更多...
C++之Hello World

C++之Hello World

概览 编程语言历史 机器语言:00110101…最初始的计算机内部语言,不同机器使用的语言甚至不同 汇编语言:利用简单符号(a DB 7H…)对机器语言进行了一定的抽象,增加了可读性,更加人性化.在一定程度上仍然依赖硬件,属于低级的语言 高级语言:使用文字通过编译器被翻译为机器语言…
阅读更多...
Vue中 引入使用 element-resize-detector 监听 Dom 元素 宽度、高度 变化

Vue中 引入使用 element-resize-detector 监听 Dom 元素 宽度、高度 变化

1. 前言 很多做pc端平台的小伙伴都遇到过这样一个问题：在做侧边栏菜单时会有一个收缩和展开的一个功能，在伸缩的过程中右边的页面的宽度就会随之改变。我上网查了查 ，也动手试了试 window.onresize ()>{}。却不尽人意，因为它…
阅读更多...
SVM 超平面计算例题

SVM 超平面计算例题

SVM Summary Example Suppose the dataset contains two positive samples x(1)[1,1]Tx^{(1)}[1,1]^Tx(1)[1,1]T andx(2)[2,2]Tx^{(2)}[2,2]^Tx(2)[2,2]T, and two negative samples x(3)[0,0]Tx^{(3)}[0,0]^Tx(3)[0,0]T and x(4)[−1,0]Tx^{(4)}[-1,0]^Tx(4)[−1,0]T. Please…
阅读更多...
MySQL纯代码复习

MySQL纯代码复习

前言 本文章是用于总结尚硅谷MySQL教学视频的记录文章，主要用于复习，非商用 原视频连接：https://www.bilibili.com/video/BV1iq4y1u7vj/?p21&spm_id_frompageDriver&vd_sourcec4ecde834521bad789baa9ee29af1f6c https://www.bilib…
阅读更多...
C#重启 --- 枚举

C#重启 --- 枚举

第一部分 --- 枚举 枚举类型的本质其实就是在给整型数据加标签，当编译器遇到枚举类型标签的时候，编译器会自动获取标签对应的整型数据（默认从0开始由上往下递增） 枚举类型的使用方法： 1.枚举类型的类型名是由我们自己…
阅读更多...
四.STM32F030C8T6 MCU开发之利用 TIM1+ADC1+DMA1 实现5路（3路外部电压模拟信号+内部2路信号）采集

四.STM32F030C8T6 MCU开发之利用 TIM1+ADC1+DMA1 实现5路（3路外部电压模拟信号+内部2路信号）采集

四.STM32F030C8T6 MCU开发之利用 TIM1ADC1DMA1 实现5路（3路外部电压模拟信号内部2路信号）采集 文章目录四.STM32F030C8T6 MCU开发之利用 TIM1ADC1DMA1 实现5路（3路外部电压模拟信号内部2路信号）采集0.总体功能概述ADC 简介1.ADC硬…
阅读更多...
数据结构《LinkeList 双向链表》

数据结构《LinkeList 双向链表》

LinkeList LinkeList 的低层是由双向链表结构组成的，所有元素都是存放到单独的节点当中，通过地址引用将节点串联起来 因此在任意位置插入或删除元素时，都不在需要移动元素，效率较高 下面是双向链表的结构图： 在集合框…
阅读更多...
【从零开始游戏开发】静态资源优化 | 全面总结 |建议收藏

【从零开始游戏开发】静态资源优化 | 全面总结 |建议收藏

你知道的越多，你不知道的越多 🇨🇳🇨🇳🇨🇳 点赞再看，养成习惯，别忘了一键三连哦 👍👍👍 文章持续更新中 📝📝…
阅读更多...
C++智能指针

C++智能指针

文章目录一、智能指针的目的和基本原理二、不带引用计数的智能指针2.1 auto_ptr2.2 scoped_ptr2.3 unique_ptr三、带引用计数的智能指针3.1 shared_ptr3.2 weak_ptr一、智能指针的目的和基本原理 一般new出来的对象会用普通指针引用，此时申请的堆上的资源需要我们手…
阅读更多...
乐趣国学—品读《弟子规》中的“泛爱众”之道（上篇）

乐趣国学—品读《弟子规》中的“泛爱众”之道（上篇）

前言 “泛爱众”就是以广泛的爱心对待社会大众。人类生活是以爱心为纽带，没有爱心，人类生活就太痛苦不堪了。这个爱心从哪里来的？这个爱心就是孝心。孝道，正是培养爱心的第一步，一个连父母都不爱的人决不会真心爱他人&…
阅读更多...
19.Feign 的工程化实例：eureka,ribbon,feign,hystrix（springcloud）

19.Feign 的工程化实例：eureka,ribbon,feign,hystrix（springcloud）

项目模型 项目结构 本实例创建model都是通过maven手动创建，依赖进行手动导入，好处是比使用springboot模板创建更加灵活，更方便的进行父子模块的管理。 1.创建父项目feign-project 2.对父项目feign-project的pom.xml，进行手动导入依…
阅读更多...
Linux基础内容（10）—— 进程概念

Linux基础内容（10）—— 进程概念

目录 1.冯诺依曼体系结构 ​编辑1.冯诺依曼体系特点 2.cpu运算原理 3.数据传输 2.操作系统 1.操作系统管理的真相 2.操作系统与硬件的交互方式 3.操作系统与用户的交互方式 1.系统调用接口 2.用户对系统调用的使用 3.进程 1.进程的概念 2.Linux中的进程 3.与进程…
阅读更多...
基于DJYOS的SPI驱动编写指导手册

基于DJYOS的SPI驱动编写指导手册

1.贡献者列表 深圳市秦简计算机系统有限公司DJYOS驱动开发团队。 2.概述 DJYOS的DjyBus总线模型为IIC、SPI之类的器件提供统一的访问接口，SPIBUS模块是DjyBus模块的一个子模块，为SPI器件提供统一的编程接口，实现通信协议层与器件层的分离。…
阅读更多...
Python 考试练习题 2

Python 考试练习题 2

一、选择题 1、下列是 python 合法标识符的是（ B）。 A. 2variable B. variable2 C. $anothervar D. if 2、在 python 中字符串的表示方式是（D ）。 A.采用单引号包裹 B.采用双引号包裹 C.采用三重单引号包裹 D.ABC 都是 3、设有…
阅读更多...
【浅学Linux】动态库与静态库的封装与使用

【浅学Linux】动态库与静态库的封装与使用

朋友们好，这里简单介绍一下LINUX学习中关于动态库与静态库的理解，以及站在封装和使用的角度去介绍是如何封装的？如何使用的？ 文章目录一：动态库与静态库的理解二：静态库2.1：静态库的使用2.2&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023