移动端问题检测排查是否是h5问题简单思路

最新推荐文章于 2023-02-17 23:03:08 发布
最新推荐文章于 2023-02-17 23:03:08 发布
阅读量761 收藏 1
点赞数
分类专栏： js 前端 h5混合应用开发
本文链接：https://blog.csdn.net/sufubo/article/details/98202262
版权
前端 同时被 3 个专栏收录
91 篇文章 0 订阅
订阅专栏
js
79 篇文章 0 订阅
订阅专栏
h5混合应用开发
32 篇文章 0 订阅
订阅专栏

当qa报出一个h5页面当bug的时候，

  • 当页面完全不依赖native的时候

就是在浏览器也可以正常运行的时候就估计就是h5的问题，这个时候排查问题就很简单，我们通过chrome浏览器直接电脑上看，network看后端请求数据是否有问题。如果没有问题就是h5自身的问题。

  • 页面依赖native的时候
    • 安卓和ios都有
      我们问下qa是否这个问题安卓和ios都有，如果都有就大概率就是h5问题，这个时候h5就需要看一下
    • 只有一个端有ios或者安卓有
      就让有问题的端自己先排查一下问题结局
vieber
关注
专栏目录
移动端控制台-方便排查移动端错误
liuhao9999的博客
06-03 539
/* *@description：增加移动端测试控制台， 在页面中找到任意输入框， 输入'@111'可以调出移动端控制台， 输入'@222'可以删除移动端控制台 *@author: *@date: 2021-06-03 08:28:01 */ window.vConsol..
uni-app - H5 公众号网页分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间，给微信分享卡片设置图标、标题、描述文字等（JS-SDK 通用解决方案放心用）
王佳斌
02-11 7562
uniapp H5 微信浏览器分享到朋友圈设置分享图标，uniapp,h5微信如何分享页面，完整设置分享链接图片简介，Uniapp发布为H5端时如何实现微信分享给好友及分享到朋友圈功能，如何把手机移动端网页设置成可以分享到朋友圈？H5网页怎么分享到微信、朋友圈、QQ和微博里，手机网页实现微信分享,分享朋友圈功能，uniapp H5网站在微信浏览器中进行分享、分享朋友圈功能，uniappH5微信公众号分享设置标题描述logo图标，uniapp H5网页微信分享自定义标题内容图片，uniappH5微信分享API
EMAS远程日志 - 移动端问题排查利器
Mobile_code的博客
12-16 733
远程日志是什么？具体做了哪些事情？内部是怎么实现的？本文将从 功能、架构、体验优化三个方面来介绍一下远程日志发展过程及展望。 阿里云 云原生应用研发平台EMAS 张月（此间） 前言 当 App 发布到用户手里之后，开发者对 App 运行状态的感知就只能通过各类业务和稳定性监控了。这些监控平台会把线上问题（如崩溃堆栈、异常网络请求等）及业务数据采集到服务端，然后给用户提供聚合 Metrics 等 BI 数据。但这个过程很容易丢失细节，不能直观反映问题发生原因，导致线上问题很难排查分析。 可能聪明的.
移动端真机页面样式问题排查工具whistle和web页面接口抓包工具fiddler
webprevious的博客
12-24 401
安装 npm install whistle -g 启动工具，抓包工具默认端口8899，地址默认本机ipv4地址 w2 start -p 8899 // 默认8899 关闭工具，重启工具 w2 stop // 关闭 w2 restart // 重启 启动成功后，根据提示的ip+端口地址打开抓包页面 // 1.点击create创建需要抓包的页面，并在链接之后空格输入wein...
移动端浏览器问题
weixin_30545285的博客
01-29 207
1、防止手机中网页放大和缩小 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> 2、启动或禁用自动识别页面中的电话号码 <meta name="format-detection" content="...
移动端常见问题及解决方案
hardgirls的博客
06-20 9237
移动端常见问题及解决方案 转载来源：益享天开 >> 手机移动端web前端常见问题整理 一、meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 meta name="viewport" content="width=device-width,i
h5页面图片未加载出来问题排查
Clever99的博客
07-09 5421
h5图片未加载出来问题排查步骤： 1.排查是否时网络问题，保证网络正常 2.是否设置了节省流量的模式，不加载图片 3.内存/缓存太多，导致图片加载不出来 这些情况都没有问题的话，再进行下面的步骤： 4.抓包，查看接口是否返回了图片 5.查看图片链接配置是否有问题（可能以前的图片都存储在这个地方，后来换了存储图片的服务） 如果看了这些还是有问题，可能就是h5有问题了： 6.是否发生了js阻塞，js有问题，后面代码没有执行，图片没有渲染 排查了以上问题，还是没有发现问题，也可能是版本的问题： 7.我们h5嵌入的
h5事件监听
qq_36545656的博客
08-27 2450
问题：点击div(或弹框)外的任何区域div(或弹框)消失 前情提要： 项目是用angular写的移动端页面，测试反馈点击确认按钮每次都要点击2次才生效，体验很不好，需要优化。页面如下图所示：点击金额输入框键盘出现输入金额，键盘是单独封装的组件，点击页面其他地方键盘消失。 定位问题： 当测试跟我说的时候，我第一反应是是不是点击有延迟啊，然后我亲自测了一遍，发现有键盘出现的时候需要点2次...
南京儿医在线 x mPaaS | H5 性能体验太卡，我们换了小程序试一试
移动开发平台 mPaaS 的博客
07-23 566
mPaaS 小程序接入实操
优酷 Android 包瘦身治理思路全解
阿里文娱技术
06-24 518
本文聚焦于整体治理思路，以治理实践为依托，讲述瘦身技术、治理模式、治理策略，以及背后的思考与取舍。
一个敏捷产研团队是怎么做2022年OKR的
Agilean 的博客
01-17 2421
最近，知微产品研发团队完成了2022年OKR的确定和对齐。我们是一支敏捷分布式团队，对于分布在全国各地的咨询团队，产研团队均为远程接入沟通；在团队内部，也并不是所有同学都在同一个办公室。我...
测试-问题排查
GDL's BLOG
04-02 756
前言 每周四是我们组开周会的时间，会对上一周的工作进行总结，也会对下一周的工作做一些计划。其中值班是一项比较看天的工作，也许你值班的那一周相安无事，也许会被无数人@查问题。总之就是值班是个苦差事。 我们值班有都要负责哪些东西呢？归根到底就是影响我们测试进度的所有问题！！！ 这里我们先进行一下归类 按照部门：内部和外部 按照类型：业务和环境 这里只是初步的进行分类，但是这个分类缺失无用的...
uni-app运行到H5正常，但运行到小程序不正常、报错总结
菜菜的博客
09-01 8216
1.v-for中，非 h5 平台 :key 不支持表达式 index+'_' 同级多个 v-for 时 key 的值是不允许重复的，key 的绑定是不支持表达式的，需要按照以下方式处理。 // 错误的写法 <view v-for="(item, index) in list1" :key="index">{{item}}</view> <view v-for="(it...
12个前端必会 H5 问题及解决方法
画漫画的程序员∙苏南
04-03 457
点击上方“IT平头哥联盟”，选择“置顶或者星标”你的关注意义重大！作者：suoyuesmile链接：https://github.com/suoyuesmile/suo-blog/blob...
原生APP和H5定位存在偏差？地图定位原理剖析
最新发布
qq_43430453的博客
02-17 2793
前言目前智能手机的使用已经很普遍了，手机定位是手机上的一个核心基础功能。生活中基于定位的应用场景也有很多，比如最常见的打车，司机需要知道你在哪里，同时打车软件也需要基于司机和乘客的位置规划一条路线，让司机更高效、精准的行驶到用户指定地点。这就是典型定位服务应用。当然，除了这种应用，还有很多定位的应用场景，用户位置本身的展示，也是地图产品中不可缺少的。那么问题就来了作为 APP 的用户，你可能会好奇...
判断当前是否是移动端H5打开
qq_43803680的博客
01-06 1097
最近遇到一个第三方支付的问题在app上需要拉去应用去授权,所以要判断是否是H5移动端 判断是否是移动端 返回true的时候就是移动端 false是pc端 function mobile (){ return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) } ...
关于移动端混合app中h5判断系统版本的解决方法
zuo-yiran的博客
11-22 2230
判断操作系统（已验证）方法一： （navigator.userAgent：如果是安卓的系统值类似于Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1） if (...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值