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 reversetcp:8000 tcp:8000,然后在手机中访问127.0.0.1:8000,就可以访问到电脑上启动的服务了,完美解决写两句代码就要看效果的问题!


http://blog.xiaoyu.im/post_678.html

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值