首页 > 其他分享 >两大js调试工具的安装

两大js调试工具的安装

时间:2023-01-14 11:03:00浏览次数:132  
标签:node 01 06 js anyproxy 安装 调试


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

node-inspect工具的安装和使用

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

npm install node-inspect -g

两大js调试工具的安装_javascript

由于安装过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

两大js调试工具的安装_npm_02

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

两大js调试工具的安装_前端_03

两大js调试工具的安装_npm_04

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

两大js调试工具的安装_代理服务器_05

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

两大js调试工具的安装_npm_06

我们可以很方便的使用该工具调试一些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秒安装完毕:

两大js调试工具的安装_npm_07

我们需要安装​​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/​​

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

两大js调试工具的安装_npm_08

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

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

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

两大js调试工具的安装_chrome_09

安装完证书后,我们再次启动​​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​​的代理后,刷新页面,控制台出现如下提示:

两大js调试工具的安装_javascript_10

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

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

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

两大js调试工具的安装_javascript_11

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

两大js调试工具的安装_javascript_12


标签:node,01,06,js,anyproxy,安装,调试
From: https://blog.51cto.com/u_11866025/6007537

相关文章

  • Cesium 与 Babylon.js 可视化 给房子上贴图
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs初始化cesium-babylonjs类库,viewe......
  • Cesium 与 Babylon.js 可视化 房子增加贴图
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs初始化cesium-babylonjs类库,viewe......
  • Cesium 与 Babylon.js 可视化 构建房子
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs初始化cesium-babylonjs类库,viewe......
  • JS_6_自定义对象
    JS中万事万物皆对象,灵活! 对象:可以调用不存在的属性方法(自动扩充),值为undefined。可以直接新增属性方法。创建自定义对象://创建一个自定义对象var对象名......
  • 安装 VS2008 HRESULT -2147023293 失败解决方法
    我机器系统为Win2003Server,之前安装了Office2010,今天安装VS2008时出现了如下错误信息:[08/31/11,09:30:07]setup.exe:[2]ISetupComponent::Pre......
  • JS_5_自定义类
    JS万事万物皆对象,灵活!可以调用不存在的属性和方法。(即为undefined。)  创建一个类:格式:function类名(形参){this.属性名=形参;...this.属性名......
  • 使用 雨林木风 Ghost XP SP3 装机版 YN9.9 安装 Win7 (SP1)
    下载Win7SP1一段时间了,一直没来安装,今天来安装,由于没有DVD刻录机,不能做成光盘安装发现还不是那么方便。后面想到用雨林木风PE光盘来安装,一步一步【下面假设是将Win7(SP1)......
  • VMware 7.1.0.261024 安装 Win7 后的2个问题
    今天安装Win7后碰到了这2个问题,做个记录在这先。(1)安装完Win7后administrator用户登录(默认)输入密码后提示“您的账户已被停用。请向系统管理员咨询”   解决办法:......
  • org.bson.json.JsonParseException: JSON reader was expecting a name but found ‘,
    问题执行JSON转化时报这个错原因自己写的这个JSON转换不对,不符合JSON格式,但是我的给我报错位置和实际错误位置差了几行,导致找了半天,觉得自己写的没问题,注释掉发现确实有个地......
  • maven检查是否安装成功以及配置代理
    前言安装好maven后idea项目依赖也会时常出问题,排查问题先要检查maven。一、校验1、mvn-v检查maven是否安装有安装位置版本可以看看,没有重装2、mvnhelp:system检查......