两大js调试工具的安装

本文介绍了如何安装和使用node-inspect工具调试JavaScript代码,以及如何配置和使用anyproxy作为HTTP代理服务器,包括安装过程、设置证书和浏览器代理,最终实现对网络请求的监控和调试。
摘要由CSDN通过智能技术生成

首先要确保已经安装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

  • 12
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

小小明-代码实体

喜欢,就关注;爱,就打赏

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

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

打赏作者

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

抵扣说明:

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

余额充值