帮前端朋友解决下电网手持仪app bug

简介: 帮前端朋友解决下电网手持仪app bug

这周末有点忙,因为我目标要造个几千万数据到influxdb来测试性能问题。但是由于朋友的苦苦哀求,所以晚上抽空帮他看看。


1、问题情况

前端朋友利用hbuilder开发的app发布到手持仪上,在浏览器打开白屏,不知道从哪里入手排查问题。


2、问题分析

  • 浏览器基于webview
  • 浏览器可以打开百度网页,但是打不开她的页面。
  • 程序是h5和js,大概率是js报错了
  • 受持仪是android系统

3、深入思考

怎么调试手持的浏览器可以捕捉到异常?灵感突现:很久之前用chrome连手机调试过公众号页面。嗯,这就是突破口。


4、干起来吧

手持仪打开USB调试;如图

54.png

电脑打开chrome,输入chrome://inspect/#devices(打开之后的页面不需要任何操作)

55.png

如果没有出现上图红圈的部分,需要去google webstore安装下浏览器插件,如下图所示:

56.png

点击inspect,打开调试界面,发现 问题

57.png

分析报错代码找到解决办法,hbuilder官方承认是bug。

58.png

收工!



相关文章
|
8天前
|
人工智能 自然语言处理 前端开发
从0开始打造一款APP:前端+搭建本机服务,定制暖冬卫衣先到先得
通义灵码携手科技博主@玺哥超carry 打造全网第一个完整的、面向普通人的自然语言编程教程。完全使用 AI,再配合简单易懂的方法,只要你会打字,就能真正做出一个完整的应用。
8001 19
|
1月前
|
前端开发 JavaScript 开发者
前端开发的终极技巧:如何让你的代码既简洁又高效,还能减少bug?
【10月更文挑战第30天】前端开发充满挑战与创新,如何编写简洁高效且少bug的代码是开发者关注的重点。本文介绍五大技巧:1. 模块化,提高代码复用性;2. 组件化,降低代码耦合度;3. 使用现代框架,提高开发效率;4. 统一代码规范,降低沟通成本;5. 利用工具,优化代码质量。掌握这些技巧,让前端开发更高效。
73 1
|
4月前
|
缓存 前端开发 Java
【Azure 应用服务】App Service 使用Tomcat运行Java应用,如何设置前端网页缓存的相应参数呢(-Xms512m -Xmx1204m)?
【Azure 应用服务】App Service 使用Tomcat运行Java应用,如何设置前端网页缓存的相应参数呢(-Xms512m -Xmx1204m)?
|
4月前
|
前端开发 JavaScript Java
【Azure 应用服务】App Service For Windows 中如何设置代理实现前端静态文件和后端Java Spring Boot Jar包
【Azure 应用服务】App Service For Windows 中如何设置代理实现前端静态文件和后端Java Spring Boot Jar包
|
4月前
|
JavaScript 前端开发 安全
VUE——APP,后端,前端三端AES加密解密
VUE——APP,后端,前端三端AES加密解密
177 0
|
6月前
|
开发框架 小程序 前端开发
uni-app前端应用开发框架
uni-app对做移动端开发的来说应该无人不知、无人不晓了吧?!从名字就能看出来这个框架要干啥,unify app——没错,就是统一前端应用开发,不管你是小程序、app、还是H5、公众号,用这个框架都能做。uni-app让开发者编写一套代码,就可以编译为安卓app、ios app、微信小程序、抖音小程序、支付宝小程序等十几个平台,而且马上支持纯血鸿蒙了,这简直是个人、开发工作室、小型开发公司的福音,开发一些常规的app、小程序,用这个框架足够了。
74 7
|
6月前
|
JavaScript 小程序 程序员
黑马程序员uni-app 小兔鲜儿 项目及bug记录(下) Day 5(有作业)
黑马程序员uni-app 小兔鲜儿 项目及bug记录(下) Day 5(有作业)
124 5
|
6月前
|
设计模式 JavaScript 小程序
黑马程序员uni-app 小兔鲜儿 项目及bug记录(上)(1)
黑马程序员uni-app 小兔鲜儿 项目及bug记录(上)(1)
297 3
|
6月前
|
前端开发 安全 JavaScript
如何区分是前端BUG还是后端BUG
1 基于经验 前端BUG特点: (1)界面排版、布局错误、兼容性问题 (2)网络不稳定导致JS或CSS未完全加载或请求超时(一般不需要提BUG),正常网络下加载超时 后端BUG特点: 业务逻辑、性能问题、数据问题、安全性问题 2 通过HTTP请求和响应信息 可以通过浏览器开发者工具(F12)、postman、fiddler(移动端可通过该工具抓包)、Charles、Proxyman、Wireshark、HttpCanary、tcpdump等工具。
93 1
|
6月前
|
前端开发 小程序
新版校园跑腿外卖独立版+APP+小程序前端外卖配送平台源码
同城校园跑腿外卖配送平台源码,支持自定义diy 你可以设计你的页面,设计你自己的风格,支持多校园,独立版本,多商户,有用户端,骑手端,商家端,强大的功能
205 3