推荐一款强大的远程调试工具——Chii

推荐一款强大的远程调试工具——Chii

chiiRemote debugging tool项目地址:https://gitcode.com/gh_mirrors/ch/chii

当你在开发移动端应用或网页时,是否遇到过跨设备调试的困扰?Chii 是一个类似 weinre 的远程调试工具,它将最新版的 chrome devtools frontend 引入,让你可以方便地在桌面端进行远程调试,极大地提升了开发效率。

项目介绍

Chii 提供了一个简洁而高效的界面,帮助开发者在手机设备上进行实时的代码调试和问题排查。通过简单的代码注入,你就能连接到远程服务器,对目标页面进行调试。无论是元素检查、网络监控还是源码修改,Chii 都能轻松应对。

Chii Screenshot

技术分析

Chii 使用了 Chrome DevTools Protocol JavaScript 实现库 chobitsu,确保了其与 Chrome 开发者工具前端的兼容性。此外,它还支持以 iframed 或独立页面的形式嵌入 DevTools,为开发者提供了更多的选择。

安装 Chii 只需一句命令行:

npm install chii -g

然后启动服务,将 target.js 脚本添加到你的网页中,即可开启远程调试之旅。

chii start -p 8080
<script src="//host-machine-ip:8080/target.js"></script>

应用场景

Chii 广泛适用于以下场景:

  1. 移动设备调试:在手机或平板电脑上浏览网页,利用 Chii 进行实时调试。
  2. 嵌入式设备:对于没有内置开发者工具的 Webview 环境,Chii 可以提供有效的调试手段。
  3. 本地开发环境:在局域网内,你可以连接到任何一台运行 Chii 服务的电脑,进行远程调试。

项目特点

  1. 直观易用:界面清晰,操作流程简单,符合 Chrome DevTools 用户习惯。
  2. 灵活部署:可自定义服务器端口,支持内嵌或分离的 DevTools 显示模式。
  3. 广泛兼容:不仅适用于浏览器,也适配各种基于 Webview 的应用。
  4. 强大扩展:有配套的 whistle 插件,还可以与其他相关项目如 vivy 结合使用。

想要体验一下 Chii 带来的高效远程调试吗?现在就前往 https://chii.liriliri.io/ 开始试用吧!

参与贡献或者寻求更多帮助,请查阅 Contributing Guide 和项目文档。

-Chii 团队诚邀您的加入,一同打造更优秀的远程调试工具!

chiiRemote debugging tool项目地址:https://gitcode.com/gh_mirrors/ch/chii

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

余靖年Veronica

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值