js逆向之浏览器控制台

最新推荐文章于 2024-04-19 11:08:01 发布
最新推荐文章于 2024-04-19 11:08:01 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： js逆向 文章标签： javascript 前端 http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Deng872347348/article/details/127054681
版权
本文详细介绍了浏览器控制台的使用，特别是针对JS逆向和网络调试。通过Network模块，讲解了请求头、响应头的重要属性，如Status Code、Request URL等。接着，探讨了Sources、Application和Console的功能，如断点调试、应用资源管理和花式调试技巧，帮助开发者提升调试效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

js逆向之浏览器控制台

首先介绍一下浏览器控制台的使用，以开发者使用最多的chrome为例。Windows操作系统下的F12键可以打开控制台，mac操作系统下用Fn+F12键打开。我们选择平时使用较多的模块进行介绍

2.1 Network

Network是Js调试的重点，面板上由控制器、过滤器、数据流概览、请求列表、数据统计这五部分组成。

image.png

  • 控制器：Presserve Log是保留请求日志的作用，在跳转页面的时候勾选上可以看到跳转前的请求。Disable cache是禁止缓存的作用，Offline是离线模拟。
  • 过滤器：根据规则过滤器请求列表的内容，可以选择XHR,JS,CSS,WS等。
  • 数据流概览：显示HTTP请求、响应的时间轴。
  • 请求列表：默认是按时间排序，可以看到浏览器所有的请求，主要用于网络请求的查看和分析，可以查看请求头、响应状态和内容、Form表单等。
  • 数据统计：请求总数、总数据量、总花费时间等。

浏览器控制台Network下各项属性的含义

作用:

    了解本专栏 订阅专栏 解锁全文 超级会员免费看
    JS逆向反调试技术，三种绕过无限debugger阻止打开控制台的方法
    代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
    03-17 1199
    窗口大小检测：检测与，异常时关闭页面构造器断点：利用让代码进入无限debugger定时器debugger不断触发debugger，让你无法操作菜单中选择"停用断点"控制台执行clearInterval(定时器变量)停止debugger使用Hook 关键函数，彻底绕过debugger这些技巧在调试 JS 逆向分析时非常实用，希望能帮到大家！如果你有更好的反调试破解方法，欢迎评论区交流！
    Python爬虫-进入浏览器控制台就出现无限debugger，怎么解决？
    Python进阶专栏《爬虫实战进阶》，《Pyppeteer从入门到精通》原创作者
    07-20 3773
    本文是该专栏的第53篇，后面会持续分享python爬虫干货知识，记得关注。​对于控制台出现无限debugger的情况，笔者之前在“JS逆向-常见反调试之“无限Debugger”，怎么解决？”里面有详细介绍过。而本文，针对控制台调试出现无限debugger的另一种情况，笔者来详细介绍该问题的解决方法。使用浏览器打开链接之后，直接F12键或者ctrl+shift+I组合键，启动控制台。会发现无论怎么重试，只要进入控制台就会自动进入无限debugger模式。出现这种情况，有时也会给我们抓包带来一些影响。而针对该问
    JS逆向之浏览器开发者工具（一）
    qq_43167477的博客
    12-23 524
    过滤器的使用 domain：仅显示来自指定域名的资源。还可以使用通配符来包括多个域。例如，.com显示以.com结尾的所有域名中的资源。DevTools会在自动完成下拉菜单中自动填充它遇到的所有域. has-response-header:显示包含指定Http响应头信息的资源。DevTools会在自动完成下拉菜单中自动填充它遇到的所有响应头。 is：通过is:running找出WebSocket请求 larger-than（大于）：显示大于指定大小的资源（以字节为单位）。设置值为1000等效于设置值1K。
    js（javascript）之浏览器控制台使用
    wanggang182007的博客
    01-07 1381
    基本语法入门，必备调试技巧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> //js严格区分大小写 //1.定义变量 //var num=1; //alert(num); .
    JavaScript篇——如何使用浏览器控制台，一篇文章带你彻底搞清！
    我热爱学习，也乐于分享。无论是科技前沿的洞见，还是生活中的小技巧，我都会在这里与你分享。我相信，知识就是力量，而分享则能让这份力量得到更好的传递。
    01-31 1196
    至此，关于常见的浏览器控制台的使用介绍完毕，后续后台开发人员或者产品经理调试Web页面的时候，会经常使用这个工具的，所以很有必要学习如何使用它！1、使用浏览器控制台打印内容（相当于Java的systen.out.println）3、source界面：可以查看源码，还可以对程序进行调试。console.log(想要打印的内容);4、NetWork查看 网络的请求。（2）就会在控制台打印出变量的值。2、使用浏览器控制台玩alert。（2）就会弹窗我们想要知道的内容。(1)在浏览器控制台输入。
    浏览器控制台调试代码和JavaScript控制台方法介绍
    cnds123的专栏
    08-17 1万+
    浏览器控制台调试代码和JavaScript控制台方法介绍
    javascript03浏览器控制台使用
    weixin_55787510的博客
    05-23 158
    狂神说学习笔记
    JavaScript-console：JavaScript控制台（Console）常用方法
    snow的博客
    08-21 4962
    这是一个属性，并不是是函数，此属性是用来查看内存使用情况，如果我们使用过多的console.log()会占用大量的内存，导致浏览器出现卡死情况。这使得我们可以更容易地查看和比较数组中的对象。最后再次调用 console.count('apple') 时，输出 'apple: 1'，计数器值为 1。第一次调用 console.count('apple') 时，输出 'apple: 1'，计数器值为 1。第三次调用 console.count('apple') 时，输出 'apple: 2'，计数器值为 2。
    Chrome 控制台 JavaScript 模拟键盘事件输入 最新有效
    tonglingtou1875的博客
    05-22 6993
    在页面中自动填写账号密码时，直接给文本框 input 元素赋值无法提交，因为此方式无法触发键盘事件。 可使用 JavaScript 模拟按键事件，但是 UIEvent.initUIEvent 和 KeyboardEvent.initKeyEvent() 等方法在最新的Chrome浏览器中已废弃；需使用最新标准 KeyboardEvent 实现。 模拟按键事件代码如下： function fireKeyEvent(element, evtType, keyChar) { element.focus();
    如何在不同的浏览器中打开控制台调试JS（转帖加自己的截图）
    03-29
    NULL 博文链接：https://taotie119.iteye.com/blog/1278837
    cookie的读写设计和浏览器控制台Application设计不一致？
    LYFlied的博客
    05-04 656
    cookie的读写设计和浏览器控制台Application设计不一致？ http协议和https协议下的cookie 用https的链接登录状态验证正常，但是在http协议下，会出现set cookie失败的情况，导致登录状态验证失败。 查看控制台，报错如下：提示【会覆盖具有“Secure”属性的cookie】
    js 控制浏览器窗口位置，大小
    Domando
    08-12 3386
    <br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /><br /> <html><br /> <head><br />     <title>Untitled</title><br />     <script>      <br /> window.scrollBy(0, 1)      <br /> window.resizeTo(0,0)      <br /> window.moveTo(0,
    如何在浏览器中打开控制台？
    ScriptCharm的博客
    10-03 1万+
    控制台是一个强大而实用的工具，它不仅可以输出日志消息，还可以执行JavaScript代码、查看和修改网页的DOM结构，以及调试代码中的错误。控制台是开发者工具中的一个重要功能，它提供了一个交互式的环境，让开发者能够直接与网页进行交互，并查看和调试代码。打开浏览器的控制台后，将以上代码粘贴到控制台中，并按下回车键，你将在控制台中看到输出的消息：“Hello, World!无论使用哪种方法打开控制台，一旦打开，你就可以在控制台中执行JavaScript代码和调试你的网页。
    js禁止打开控制台，如何强行打开控制台？
    菜鸡的博客
    12-21 2719
    选择好了之后回到第一个页签，选择需要修改的js文件，右键选择 替换内容。但是我们发现代码是被压缩过的，是一行代码，然后选择 格式化。所以我们需要把这个文件替换掉，然后干掉。进入到这个网站的首页，然后右键查 看网站的源码。保存，刷新一下页面就可以打开控制台访问页面了。(我是IE浏览器),谷歌浏览器是 替换。当我在查看某个网站的源码时，按。再输入网站也会进入到百度首页。会跳转到百度页面，或者先打开。
    JavaScript-HelloWorld、浏览器控制台使用、数据类型
    qq_61727355的博客
    08-31 1401
    1.基本使用及HelloWorld 在网页上显示HelloWorld //在这个标签内写javascript代码 规范书写方式，样式分离：新建js文件夹，存放js样式 外部引入：注意：script标签必须成对出现 别写成的形式，容易出BUG 2.浏览器控制台使用 3.数据类型快速浏览 数值，文本，图形，音频，视频 等 1）number js不区分小数和整数，统一用Number 表示......
    JavaScript
    weixin_51008360的博客
    07-13 682
    JavaScript JavaScript，通常缩写为 JS，是一种解释执行的编程语言。它是现在最流行的脚本语言之一。 JavaScript 是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程、命令式编程、函数式编程。 JavaScript 是属于 Web 的语言，它被设计为向 HTML 页面增加交互性。 在客户端，JavaScript 在传统意义上被实现为一种解释语言，但现在已经可以被即时编译（JIT）执行。随着最新的 HTML5 和 CSS3 语言标准的推行，它还可用于游戏、桌面和移
    打开控制台的方法及监听打开控制台方法，禁止打开控制台
    欢迎来到我的博客！在这里，我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能！
    06-25 1643
    复制代码到新建的js文件里面，在需要的页面引入新建的js文件就可以了。
    浏览器调试入门（一）—— 快捷键打开控制台
    热门推荐
    小五
    05-07 2万+
    开发人员建议使用Chrome 浏览器，它的“开发者工具”（Developer Tools）里面的“控制台”（console），就是运行 JavaScript 代码的理想环境。 进入 Chrome 浏览器的“控制台”，有两种方法。 直接进入：按下Option + Command + J（Mac）或者Ctrl + Shift + J（Windows / Linux） 开发者工具进入：开发者工具的快捷...
    03 JavaScript学习：浏览器中执行 JavaScript
    最新发布
    百锦再的博客
    04-19 7万+
    我比较习惯Chrome浏览器。Chrome 是由 Google 开发的免费网页浏览器，调试代码非常方便。Chrome 官网地址：https://www.google.com/intl/zh-CN/chrome/。
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

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

    打赏作者

    Deng872347348

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

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

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

    打赏作者

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

    抵扣说明：

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

    余额充值