Android上超级好用的前端调试方法(adb reverse)

首先,这篇文章要说的不是大名鼎鼎的Inspector。

作为一名偶尔串客写写前端代码,但对前端又非常不熟练的Android终端开发,经常需要改两行代码就要看看页面效果对不对。如果是兼容桌面浏览器的页面还好办,在本地启动服务,写两句代码refresh一下就可以看到效果了,但是更多的时候,我写的页面是必须在APP中加载,用到APP提供的JsApi的,桌面浏览器根本没法使用页面的功能。

怎样方便的调试呢?

  • 手机和电脑连到同一网段?公司网络环境不允许!
  • 电脑插一个随身Wifi开一个热点?公司安全策略不允许!
  • 发布到远程Server上去?要疯掉!

想起来之前写ReactNative代码时,手机用USB连电脑,手机就可以直接访问电脑启动的NodeJS服务,恍然大悟,原来可以这样!

首先,电脑要有ADB,作为一名Android终端开发,这个是必备的。

然后,终端中输入执行一下adb,列出的帮助文档中,有这样一段:

原来,Android允许我们通过ADB,把Android上的某个端口映射到电脑(adb forward),或者把电脑的某个端口映射到Android系统(adb reverse)。

假设电脑上开启的服务,监听的端口为8000。Android手机通过USB连接电脑后,执行 adb reverse tcp:8000 tcp:8000,然后在手机中访问127.0.0.1:8000,就可以访问到电脑上启动的服务了,完美解决写两句代码就要看效果的问题!

发表评论

电子邮件地址不会被公开。 必填项已用*标注