利用浏览器控制台进行实时变量改写与函数重写的高级技巧

老芳大大_5649

老芳大大_5649

2026-06-05

1010人浏览

原创

关键在于变量作用域与函数暴露方式:一、局部变量需断点停在作用域内,通过scope面板修改;二、全局/对象属性可直接在console赋值;三、函数重写分全局、对象方法、闭包三种场景;四、可用watch监视值、snippets持久化脚本、劫持canvas方法。

利用浏览器控制台进行实时变量改写与函数重写的高级技巧

可以,但关键在于变量是否处于当前可访问作用域,以及函数是否暴露在全局或可劫持上下文中。直接改写只对运行时内存有效,刷新即清空,不涉及源文件修改。

一、精准修改局部变量:靠断点+Scope面板

局部变量(如函数内 let factor = 0.8)无法在控制台直接赋值,必须先让执行停在它的作用域内:

  • 在 Sources 面板打开目标 JS 文件,找到变量所在行,在行号左侧点击设断点
  • 触发对应操作(如点击按钮),代码暂停后,右侧 Scope 面板会显示 Local 作用域
  • 展开 Local,找到变量名,双击 Value 栏输入新值(如把 0.8 改成 1.5),按 Enter 确认
  • 按 F8 继续执行,后续逻辑将使用新值运算

二、覆盖全局/对象属性级变量:控制台直输最高效

很多 HTML5 游戏、表单校验、计数器等把状态存在全局命名空间下,这类变量可直接读写:

PigX UI 前端开发
PigX UI 前端开发

PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。

下载
  • 在 Console 中输入 window 或 Game 或 player 查看结构,用点号逐层访问(如 Game.money)
  • 确认存在后,直接赋值:Game.score = 999999 或 player.lives = 5
  • 若数值未即时生效,可能需手动触发刷新逻辑,例如调用 Game.render() 或 updateUI()

三、重写函数绕过逻辑:从声明到闭包全链路干预

函数重写分三种常见场景,处理方式不同:

  • 全局函数(如 function checkWin() { ... }):直接在控制台执行 checkWin = function() { return true; };
  • 对象方法(如 Game.isAlive = function() {...}):执行 Game.isAlive = function() { return true; };
  • 闭包内私有函数(无法直接访问):需先在 Sources 中设断点进入该函数作用域,再在 Console 中用 this 或上层变量引用它,例如 this.validate = () => true(需确保 this 指向正确)

四、进阶技巧:Watch 监视 + Snippets 持久化调试脚本

提升效率和复用性:

  • 在 Sources → Watch 面板中添加表达式(如 player.health),实时观察值变化,无需反复打印
  • 把常用作弊/调试脚本(如批量修改多个变量、自动点击、跳过广告)存为 Snippets(Sources → Snippets → 新建)——刷新后仍可一键运行
  • 对 Canvas 游戏,可劫持绘图方法:CanvasRenderingContext2D.prototype.fillRect = function() {},隐藏失败界面或修改渲染效果

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

2023.06.20

4606

5

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

2023.07.04

1149

3

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

2023.07.04

4524

6

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

900

4

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

1816

5

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

2023.09.04

3285

4

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

2023.09.12

4273

6

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

2023.09.20

2780

5

java访问控制修饰符介绍
java访问控制修饰符介绍

java访问控制修饰符有四种,分别是public、protected、private、默认访问修饰符。详细介绍:1、public,public是最宽松的访问控制修饰符,被修饰的类、方法和变量可以被任何其他类访问,当一个类、方法或变量被声明为public时,它们可以在任何地方被访问,无论是同一个包中的类还是不同包中的类;2、protected修饰符等等。

2023.09.20

888

7

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpMyAdmin 常见问题
phpMyAdmin 常见问题

共0课时 | 0人学习

uni-app快速上手
uni-app快速上手

共0课时 | 0人学习