两大js调试工具的安装

news2024/11/18 19:28:40

首先要确保已经安装nodejs,具体安装步骤可以百度。

node-inspect工具的安装和使用

对于node-inspect工具我们可以全局安装:

npm install node-inspect -g

image-20230106191511826

由于安装过cnpm,所以几乎在1秒内将node-inspect安装完成。

cnpm的安装方法:

npm install cnpm -g

对于老版的谷歌内核需要访问chrome://flags/#enable-devtools-experiments开启实验功能。

不过现在的谷歌游览器或使用谷歌内核的游览器已经开启该功能。

然后我们可以对任意js文件进行调试,例如编写一个test.js内容为:

console.log(1);

然后使用node-inspect调试该js文件:

node-inspect test.js

image-20230106192119954

然后打开任意带有谷歌游览器内核的游览器后可以看到nodejs的标识:

image-20230106192240100

image-20230106192255867

点击该按钮后可以看到nodejs的界面:image-20230106192610868

等待一秒左右后便进入调试界面:

image-20230106192941940

我们可以很方便的使用该工具调试一些js。

也可以通过chrome://inspect/#devices 在启动调试工具前设置一些参数。

浏览器内存漫游工具ast-hook-for-js-RE

项目地址:https://github.com/JSREI/ast-hook-for-js-RE

国内地址:https://gitcode.net/as604049322/ast-hook-for-js-RE

首先我们下载该项目到本地,解压后进入\ast-hook-for-js-RE-master\src\proxy-server文件夹再执行如下命令:

node proxy-server.js

报错:Cannot find module 'anyproxy'

我们需要先安装anyproxy到当前项目内:

npm install anyproxy

耗时14秒安装完毕:

image-20230106194203817

我们需要安装anyproxy的证书,所以也需要先将anyproxy安装到全局:

npm install anyproxy -g

耗时16秒:added 259 packages in 16s

这是执行anyproxy

>anyproxy
[AnyProxy Log][2023-01-06 19:48:03]: Http proxy started on port 8001
[AnyProxy Log][2023-01-06 19:48:03]: web interface started on port 8002

可以看到http服务器的端口为8001,所以我们访问http://localhost:8002/

第一次打开页面会提示生成证书:

image-20230106195157845

生成后,~\.anyproxy\certificates目录中会生成对应的证书文件。

我们可以从该目录下拷贝证书,也可以通过网页下载。

双击rootCA.crt文件开始安装证书,一定要安装到《受信任的根证书颁发机构》:

image-20230106195918083

安装完证书后,我们再次启动proxy-server.js

>node proxy-server.js
mkdir ./js-file-cache
[AnyProxy Log][2023-01-06 20:01:06]: throttle :10000kb/s
[AnyProxy Log][2023-01-06 20:01:06]: Http proxy started on port 10086
[AnyProxy Log][2023-01-06 20:01:06]: web interface started on port 8002

代理服务器端口修改为10086,我们给游览器添加代理服务器127.0.0.1:10086

然后游览器开启127.0.0.1:10086的代理后,刷新页面,控制台出现如下提示:

image-20230106200558705

说明内存漫游已经成功启动。

我们测试一下极验滑块:https://www.geetest.com/demo/slide-float.html

通过验证后,我们测试搜索一下w参数的值:

image-20230106200827805

可以看到成功定位到w参数生成的位置:

image-20230106201110498

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

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

相关文章

Multisim14.0仿真应用举例——OCL电路输出功率和效率的研究

安装教程:http://t.csdn.cn/qvvqA一、理论讲解OCL全称: Output Capacitorless,中文名称:无输出电容的功率放大电路。功率放大带电路最重要的技术指标是最大输出功率Pom和效率η 。若输入信号Ui为正弦信号sin(wt),负载上能得到的最大输出电压且…

你是真的“C”——详解C语言实现静态版通讯录

详解C语言实现静态版通讯录😎前言😃通讯录设计的关键思想点分析 🙌通讯录界面(meun)设计 🙌增加信息功能实现代码🙌删除信息功能实现代码🙌查询信息功能实现代码🙌修改信…

【强训】Day04

努力经营当下,直至未来明朗! 文章目录一、选择二、编程1. 计算糖果2. 进制转换答案1. 选择2. 编程普通小孩也要热爱生活! 一、选择 下列与队列结构有关联的是() A 函数的递归调用 B 数组元素的引用 C 多重循环的执行…

【年终总结系列 2022】魔幻、疲惫、收获与成长

时光飞逝,转眼到了2022年的年末了。仿佛昨天还在看冬奥的开幕式,而第一次做核酸又似乎很遥远,生活像是一瞬间恢复了喧嚣,可能是三年之期已到吧。这一年于我们大众而言我愿称之为魔幻的一年,于我自己而言,则…

6.4 工具-RabbitMQ

目录 6.4.1 RabbitMQ概述 6.4.1.1 什么是RabbitMQ 6.4.1.2 Erlang和AMQP 6.4.1.3 RabbitMQ 6.4.1.3.1 RabbitMQ优点 6.4.1.3.2 应用解耦 6.4.1.3.3 异步处理 6.4.1.3.4 流量削峰 6.4.2 RabbitMQ安装 6.4.3 RabbitMQ架构 6.4.3.1 架构图 6.4.3.1.1 术语 6.4.3.1.…

MongoDB入门学习(二)GridFS、GridFS整合SpringBoot

文章目录GridFSGridFS简介GridFS存储原理GridFS整合SpringBoot新增store()查询与下载find()、findOne()删除delete()Demo案例GridFS GridFS简介 GridFS是MongoDB的一个用来存储/获取大型数据(图像、音频、视频等类型的文件)的规范。相当于一个存储文件…

Java中创建不可变集合、Stream流、异常体系、日志框架

创建不可变集合、Stream流、异常体系、日志框架创建不可变集合什么是不可变集合?为什么要创建不可变集合?如何创建不可变集合?不可变集合的特点?Stream流Stream流的概述Stream流的获取Stream流的常用API(中间操作方法&…

Index Tree(树状数组)

1、引入 线段树解决的是 区间查询 和 区间更新 的问题, O(logn)O(logn)O(logn) 复杂度。 人为规定:数组下标从 1 开始。 如果要计算数组某个范围 L 到 R 的累加和,那么可以准备一个前缀和数组 help,得到前缀和数组后&#xff0…

【寒假每日一题】洛谷 P6263 [COCI2014-2015#3] STROJOPIS

题目链接:P6263 [COCI2014-2015#3] STROJOPIS - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 题目描述 正确的打字正成为文化的重要组成部分。如果你仍然没有使用所有的十根手指来打字,你必须重新学习打字——然后你会打字更快,感觉更舒适…

Web进阶:Day1 字体图标、平面转换、空间转换、动画

Web进阶:Day1 Date: October 3, 2022 Summary: 字体图标、平面转换、空间转换、动画 字体图标 字体图标 字体图标展示的是图标,本质是字体 处理简单的、颜色单一的图片 注:复杂的用CSS精灵,简单的用字体图标 字体图标的优点&…

Verilog语法笔记(夏宇闻第三版)-条件语句

目录 if_else语句: 五点说明: case语句: 真值表: ​例: ​由于使用条件语句不当在设计中生成了原本没想到有的锁存器: if_else语句: if语句是用来判定所给定的条件是否满足,…

(十四)面向对象的三大特征

目录 前言: 一、面向对象三大特征之一:封装 二、面向对象三大特征之二:继承 三、面向对象三大特征之三:多态 前言: 面向对象的三大特征:封装、继承、多态。 一、面向对象三大特征之一:封装 1.概述: 封装是把过程和数据包围起来,对数据的访问只能通过已定义的接口…

使用Idea编码常用的28种技巧方式

一丶列表: 1丶查看代码历史版本 2丶调整idea的虚拟内存: 3丶idea设置成eclipse的快捷键 4丶设置提示词忽略大小写 5丶关闭代码检查 6丶设置文档注释模板 7丶显示方法分隔符 8丶设置多行tab 9丶快速匹配方法的大括号位置 10丶代码结尾补全 11丶模糊搜索方法 12丶预览…

用 Python selenium爬取股票新闻并存入mysql数据库中带翻页功能demo可下载

用 Python selenium爬取实时股票新闻并存入mysql数据库中1.分析需求2.创建表3.分析需要爬取的网页内容4.python里面selenium进行爬虫操作1.添加包2.连接数据库3.selenium爬虫前配置4.对股票新闻内容爬取并存入mysql中5.翻页功能6.运行程序首先我们先明确我们的主要目标就是要爬…

5、SySeVR复现——Data preprocess(上)

目录 1、环境 2、生成切片对应的hash 3、获取要删除的切片位置信息 4、对切片进行token化 1、环境 从数据预处理开始,操作系统:windows 10 ,软件:pycharm 注:对官方提供的文件,做了一些改动&#xff0c…

插槽 slot

文章目录一、什么是插槽二、插槽内容三、渲染作用域四、默认内容五、具名插槽六、作用域插槽一、什么是插槽 我们使用 <slot> 作为一个占位符&#xff0c;父组件就可以把要传递的内容显示到占位符所在位置上&#xff0c;提高组件使用的灵活性。 二、插槽内容 父组件向…

安信可VC系列语音识别的使用教程

安信可VC-02语音识别的应用&#xff0c;本篇只讲述在Windows系统下的应用。Linux下的请参考官方文档介绍和说明。 1-安信可VC-02离线语音识别简介 VC系列模组是我司开发的一款AI离线语音识别的产品&#xff0c;主芯片是云知声推出的离线语音识别芯片锋鸟M(US516P6)&#xff0c…

Redis基础语法和SpringBoot集成使用

在初期&#xff0c;已经讲述了Redis安装问题。现在正式进入Redis的入门阶段。 Redis客户端 命令行客户端 redis-cli [options] [commands]常用到的 options 有&#xff1a; -h 127.0.0.1: 指定要连接的Redis的IP地址【默认127.0.0.1】-p 6379: 指定连接Redis的端口【默认63…

jenkins前端页面自动运维值yarn编译运行项目

配置步骤如下 首先需要在系统管理中心安装node相关插件 安装完成之后&#xff0c;在系统管理——>全局工具配置——>NodeJS 点击新增Nodejs 此处自定义别名&#xff0c;我这里是Nodejs16&#xff0c;取消自动安装前面的复选框&#xff0c;下方选择我们的nodejs安装目录&…

云服务器定时执行python脚本

文章目录前言crontab简介基本语法定时任务具体内容python 脚本定时任务前言 在服务器上定时执行任务有两种方式&#xff0c;一种是at定时任务&#xff0c;一种是crond任务调度&#xff0c;at命令是一次性定时计划任务&#xff0c;at的守护进程 atd会以后台模式运行&#xff0c…