当我们在做前端开发,特别是在做移动端页面开发的时,有一些网页是嵌入到移动端app中,使用WebView进行预览的。页面嵌入后就很难像在开发环境中那样在控制台进行调试。此时,拥有一款移动端调试工具就很有必要。
001
公司做微服务应用,然后将各个微服务应用集成到app中,app负责调用框架层数据,并为相应的微服务提供相关数据,比如:用户信息。在一个微服务中,按照之前约定的方法调用接口获取用户信息并解析,却发现用户数据始终读取不到。后台接口正常返回了数据。
那只有进行排查,使用了鹅厂的TBStudio进行调试,排查出了错误,后端在返回数据时更改了相应数据的层次,导致前端解析失败。
ps: TBStudio需要电脑端安装软件,移动端(Andriod)安装X5浏览器内核才能使用。
002
在写运行在终端机上的一个微服务----自助打印服务,因为提供的打印机中间件问题(中间件只能在ie上面运行),项目一下确定适配ie浏览器。开发中,需要尽可能在终端机上测试,那是的场景如图:
因为ie的控制台调试不是很好用,有一些信息不能正常打印(至少那台终端机上是这样的),TBStudio在这个场合下也无能为力。
偶然发现eruda,欣然用作调试。还算很好的解决了本次项目中的开发调试。
ps: eruda使用方法很简单,CDN引入只需要首页贴入以下代码即可:
<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
003
对于移动端调试,还可使用fiddler抓取数据包。
fiddler下载地址