{"id":13670785,"url":"https://github.com/wanwu/devtools-pro","last_synced_at":"2025-07-14T17:34:33.438Z","repository":{"id":38286665,"uuid":"363082027","full_name":"wanwu/devtools-pro","owner":"wanwu","description":"A web remote debugging tools, based on Chrome DevTools","archived":false,"fork":false,"pushed_at":"2023-01-07T07:08:01.000Z","size":2616,"stargazers_count":206,"open_issues_count":16,"forks_count":31,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-06-09T14:05:33.423Z","etag":null,"topics":["chrome-devtools-frontend","debugging-tool","devtools","inspector","mitm-server","mitmproxy","remote-control","remote-devtools"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wanwu.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-04-30T08:51:19.000Z","updated_at":"2025-06-04T18:19:47.000Z","dependencies_parsed_at":"2023-02-06T14:32:18.501Z","dependency_job_id":null,"html_url":"https://github.com/wanwu/devtools-pro","commit_stats":null,"previous_names":["ksky521/devtools-pro"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wanwu/devtools-pro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wanwu%2Fdevtools-pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wanwu%2Fdevtools-pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wanwu%2Fdevtools-pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wanwu%2Fdevtools-pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wanwu","download_url":"https://codeload.github.com/wanwu/devtools-pro/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wanwu%2Fdevtools-pro/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260950526,"owners_count":23087626,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-devtools-frontend","debugging-tool","devtools","inspector","mitm-server","mitmproxy","remote-control","remote-devtools"],"created_at":"2024-08-02T09:00:49.507Z","updated_at":"2025-07-14T17:34:33.411Z","avatar_url":"https://github.com/wanwu.png","language":"JavaScript","readme":"\u003ch1 align=\"center\"\u003eDevtools-Pro\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\nA web remote debugging tools, based on Chrome DevTools.\n\u003c/div\u003e\n\n![image](https://user-images.githubusercontent.com/1073262/118256057-9eceed00-b4df-11eb-94f4-74676c2d8c9b.png)\n\n## 🎉 Features\n\n-   基于 Chrome DevTools\n-   基于 WebSocket 远程调试\n-   可扩展，支持[自定义插件](./docs/advanced.md)\n-   可编程的[代理功能](./docs/foxy.md)，抛弃 Fiddler/Charles 🌟（我们叫它 Foxy）\n\n## 📦 Installation\n\n```shell\nnpm i -g devtools-pro\n# OR\nyarn global add devtools-pro\n```\n\n## 命令行配置项\n\n```bash\ndevtools-pro -h\n# or\ndp -h\n```\n\n```\nOptions:\n  -h, --help      Show help                                            [boolean]\n      --plugins   Add plugins                                            [array]\n      --config    Provide path to a devtools configuration file e.g.\n                  ./devtools.config.js     [string] [default: \"devtools.config\"]\n  -o, --open      Open browser when server start       [boolean] [default: true]\n      --https     Use HTTPS protocol.                                  [boolean]\n  -p, --port      Port to use [8001]                                    [number]\n  -proxyPort      Proxy server port to use [8002]                       [number]\n      --verbose   Displays verbose logging            [boolean] [default: false]\n      --hostname  Address to use [0.0.0.0]                              [string]\n  -v, --version   Show version number                                  [boolean]\n```\n\n## 配置文件`devtools.config.js`\n\n为了方便项目统一配置，DevTools-pro 支持配置文件，可以在项目中创建一个名为`devtools.config.js`的文件，支持的配置项如下：\n\n-   logLevel：日志级别，支持`silent` `verbose`\n-   sslCaDir：ca 证书目录，默认在`findcachedir('ssl')`中生成\n-   port：server 端口号，默认 `8001`\n-   hostname：默认 `0.0.0.0`\n-   plugins：配置插件，[介绍](./docs/advanced.md)\n-   https：如果要启用 https，可以设置`https=true`，DevTools-pro 会[自动生成 CA 证书供使用](./docs/rootCA.md)\n-   proxy：\n    -   `proxy.port`：代理服务器的端口号，默认 8002\n    -   `proxy.plugins`：Foxy 插件\n    -   `proxy.blocking`：拦截配置，详见[Foxy 文档](./docs/foxy.md)\n    -   `proxy.nonBlocking`：拦截配置，详见[Foxy 文档](./docs/foxy.md)\n\n## 开发\n\n1. clone\n\n```bash\nmkdir devtools-pro\ngit clone git@github.com:ksky521/devtools-pro.git devtools-pro\n```\n\n2. 安装依赖 \u0026 初始化\n\n```bash\nyarn\n# 初始化：将chrome-devtools-frontend/front_end复制出来\nsh init.sh\n```\n\n3. 开始开发\n\n```bash\nyarn dev\n```\n\n访问：\n\n-   1. 打开 home 页面：127.0.0.1:8001\n-   2. 打开 demo 测试页面：点击 home 页面上测试页面链接 127.0.0.1:8001/demo.html\n-   3. 打开 inspector：点击 home 页面上的【Open Chrome DevTools】\n\n## 深入阅读\n\n-   [DevTools-pro 原理](./docs/advanced.md)\n-   [代理功能使用和原理](./docs/foxy.md)\n-   [root CA 配置](./docs/rootCA.md)\n\n\u003e 注意：\n\u003e\n\u003e 1. 在现在新版本的浏览器中，HTTPS 页面如果访问 HTTP 的资源会报[Mixed Content 错误](https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content)，所以 HTTPS 页面要进行调试需要建立 WSS 的 Websocket 连接，一般内核/Webview 可以在创建 Webview 的时候默认关闭该安全配置，用于线下包的开发调试。\n\u003e 2. iOS15+ Safari 在使用 https 的 URL，如果要链接 WSS 协议的 Websocket，需要关闭「NSURLSession WebSocket」（iOS15-默认是关闭的），路径 「iOS 设置 -\u003e Safari -\u003e 高级 -\u003e Experimental Features -\u003e NSURLSession WebSocket」 设置为关闭。详细：https://developer.apple.com/forums/thread/685403\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwanwu%2Fdevtools-pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwanwu%2Fdevtools-pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwanwu%2Fdevtools-pro/lists"}