帮前端朋友解决下电网手持仪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

收工!



相关文章
|
9月前
|
Web App开发 前端开发 开发者
|
9月前
|
前端开发 安全 程序员
测试大姐趁我下班点又提了个bug!前端你咋多个options请求?
测试大姐趁我下班点又提了个bug!前端你咋多个options请求?
62 0
|
19天前
|
JavaScript 小程序 程序员
黑马程序员uni-app 小兔鲜儿 项目及bug记录(下) Day 5(有作业)
黑马程序员uni-app 小兔鲜儿 项目及bug记录(下) Day 5(有作业)
32 5
|
21天前
|
开发框架 小程序 前端开发
uni-app前端应用开发框架
uni-app对做移动端开发的来说应该无人不知、无人不晓了吧?!从名字就能看出来这个框架要干啥,unify app——没错,就是统一前端应用开发,不管你是小程序、app、还是H5、公众号,用这个框架都能做。uni-app让开发者编写一套代码,就可以编译为安卓app、ios app、微信小程序、抖音小程序、支付宝小程序等十几个平台,而且马上支持纯血鸿蒙了,这简直是个人、开发工作室、小型开发公司的福音,开发一些常规的app、小程序,用这个框架足够了。
26 7
|
19天前
|
小程序 JavaScript 前端开发
黑马程序员uni-app 小兔鲜儿 项目及bug记录(上)(2)
黑马程序员uni-app 小兔鲜儿 项目及bug记录(上)(2)
22 4
|
19天前
|
设计模式 JavaScript 小程序
黑马程序员uni-app 小兔鲜儿 项目及bug记录(上)(1)
黑马程序员uni-app 小兔鲜儿 项目及bug记录(上)(1)
31 3
|
13天前
|
前端开发 JavaScript 流计算
前端 JS 经典:打印对象的 bug
前端 JS 经典:打印对象的 bug
11 0
|
1月前
|
前端开发 安全 JavaScript
如何区分是前端BUG还是后端BUG
1 基于经验 前端BUG特点: (1)界面排版、布局错误、兼容性问题 (2)网络不稳定导致JS或CSS未完全加载或请求超时(一般不需要提BUG),正常网络下加载超时 后端BUG特点: 业务逻辑、性能问题、数据问题、安全性问题 2 通过HTTP请求和响应信息 可以通过浏览器开发者工具(F12)、postman、fiddler(移动端可通过该工具抓包)、Charles、Proxyman、Wireshark、HttpCanary、tcpdump等工具。
40 1
|
1月前
|
前端开发 小程序
新版校园跑腿外卖独立版+APP+小程序前端外卖配送平台源码
同城校园跑腿外卖配送平台源码,支持自定义diy 你可以设计你的页面,设计你自己的风格,支持多校园,独立版本,多商户,有用户端,骑手端,商家端,强大的功能
61 3
|
2月前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。