【亲测免费】 Spy-Debugger 使用教程

1. 项目的目录结构及介绍

Spy-Debugger 是一个一站式页面调试和抓包工具，支持远程调试任何手机浏览器页面和移动端 WebView。以下是项目的目录结构及其介绍：

spy-debugger/
├── buildin_modules/  # 内置模块，如 weinre
├── demo/             # 示例文件夹，包含图片等资源
├── design/           # 设计相关文件
├── lib/              # 库文件
├── src/              # 源代码文件
├── template/         # 模板文件
├── test/             # 测试文件
├── .babelrc          # Babel 配置文件
├── .gitignore        # Git 忽略文件配置
├── .travis.yml       # Travis CI 配置文件
├── LICENSE           # 许可证文件
├── README.md         # 项目介绍文档
├── README_EN.md      # 英文项目介绍文档
├── package.json      # 项目依赖和脚本配置
└── yarn.lock         # Yarn 锁定文件

2. 项目的启动文件介绍

Spy-Debugger 的启动文件主要是 package.json 中的脚本配置。以下是启动文件的介绍：

• package.json: 包含了项目的依赖、脚本和其他元数据。

{
  "name": "spy-debugger",
  "version": "1.0.0",
  "description": "一站式页面调试、抓包工具",
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
  "dependencies": {
    // 依赖包列表
  }
}

通过运行 npm start 或 yarn start 可以启动 Spy-Debugger。

3. 项目的配置文件介绍

Spy-Debugger 的配置文件主要包括 package.json 和一些自定义选项。以下是配置文件的介绍：

• package.json: 包含了项目的依赖、脚本和其他元数据。

{
  "name": "spy-debugger",
  "version": "1.0.0",
  "description": "一站式页面调试、抓包工具",
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
  "dependencies": {
    // 依赖包列表
  }
}

• 自定义选项：可以通过命令行参数进行配置，例如端口、外部代理等。

spy-debugger -p 8888  # 设置端口为 8888
spy-debugger -e http://127.0.0.1:8888  # 设置外部代理
spy-debugger -w true  # 设置页面内容为可编辑模式

通过这些配置文件和选项，可以灵活地调整 Spy-Debugger 的行为以适应不同的调试需求。