APP白屏或半白屏排查

最新推荐文章于 2024-11-12 10:04:22 发布

weixin_33800463

最新推荐文章于 2024-11-12 10:04:22 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

文章标签：前端面试测试 ViewUI

原文链接：http://blog.51cto.com/8999a/2155778

本文探讨了网络延迟、节点IP、手机DNS问题及前端代码导致的浏览器内核、手机版本兼容性问题，提供了相应的解决方案。同时，文章还提到了防火墙软件可能的拦截问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.本地网络延迟高，使用WiFi或者更换网络
2.节点IP到后端nginx高，更换节点ip
3.手机DNS有问题，显示无法打开网站
4.前端代码限制浏览器内核，手机版本太低，引起的不兼容，看日志过滤ip得出信息排查
5.防火墙软件进行拦截

转载于:https://blog.51cto.com/8999a/2155778

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33800463

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

android应用白屏闪退,解决 APP启动白屏黑屏问题

weixin_39933336的博客

05-31

1479

闪屏页简介闪屏页，我们手机上的每个 APP 几乎都有自己的闪屏页，就是在真正进入程序前，会有一个页面停顿几秒钟。其实我们完全可以充分利用好这几秒钟做很多的程序初始化了启动。为什么我的 APP 启动会白屏或者黑屏有时候我们会发现，我们在启动我们自己的 APP 的时候，总是有那么点时间是白屏(黑屏)，经过了白屏(黑屏)后才会进入我们的 APP。那么这是为什么呢？模拟效果下面我们模拟一下白屏的效果可以看...

app启动页白屏问题

02-17

app启动页白屏问题

参与评论您还未登录，请先登录后发表或查看评论

Android app启动时白屏

千弘

06-24

2976

我们在打开一个APP时，肯定希望它能够快速响应，然后快速启动。而当我们首次启动APP时，再到APP的第一个页面展示出来之前，这段时间会有几秒的白屏或者是黑屏出现。这样给用户的体验是十分不好的。之所以会出现这种情况，是因为当我们在启动一个应用时，系统会检查是否已经存在这样一个进程，如果没有，Android系统会创建出一个新的进程分配给该应用，之后会依次创建和初始化Application类、然后启动...

安卓app测试点

weixin_33881050的博客

06-19

278

功能测试安装：应用宝应用市场、adb命令安装、拷贝到目录安装交互：Home键，back键异常：比如正在使用杀死进程、退到后台、锁屏、解锁、若网：模拟若网环境看APP如何处理，比如有的app若网时候大白屏，体验很差性能测试加载时间：打开一个页面或者启动一个页面，加载完成的时间，这些对用户体验特别大，一般2、35原则 2秒相当快 3秒还可以超过5秒就没人用了CPU:APP在轻负载、重负载、中度负...

关于app打开白屏问题

热门推荐

JHC的博客

09-23

29万+

在style.xml里面写样式，如下 <style name="SplashTheme" parent="AppTheme">  <item name="android:windowBackground">@mipmap/first</item>  <item name="android:windowFullscre

App启动时的白屏问题

TianFB的博客

12-18

1041

我们启动app进入flash界面时，App有时会闪烁一下白屏。白屏是因为启动activity启动时，系统会先加载window的默认背景，再去加载activity的设置的背景。所以我们对window的背景处理就行了。我们只需要在style中设置android:windowBackground成我们flash的背景图片就好了。对于Android5.0的手机我们可以使用沉浸式菜单将我们

解决app启动时的白屏问题

仙榭居

06-28

6230

App启动的时候，通常会白屏半秒或者几秒，这样显得应用比较low，要解决这个问题也非常简单，修改应用的主题即可。在style里加上两个属性 windowNoTitlewindowIsTranslucent style name="AppBaseTheme" parent="android:Theme.Light">style> style name="AppTheme" par

android App启动闪白屏解决方案

augfun的博客

01-09

2265

App启动白屏/黑屏产生原因：进入到Activity,但是未加载到布局文件，就先显示来windows窗口的背景。黑屏/白屏就是显示的windows背景（这个就是theme的设置）。 onCreate---setContentView这个并不是同时进行的，窗体绘制的第一步，系统会在执行这个步骤之前，先绘制窗体，这时候布局资源还没加载，于是就使用默认背景色。解决方案：第一种...

Android解决app白屏问题

csl9266的博客

07-19

1024

当app启动或者从后台中恢复的时候，app会出现一个白色或黑色的页面，这种情况用户体验会不好，想要解决问题可以根据以下两种方法。一、定义透明的主题 name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> name="android:windowIsTranslucent">true name="and

App WebView白屏检测及解决总结，包括Android 和 iOS

LiangGang365的专栏

11-12

5131

相对Android上的白屏，ios白屏的出现在app端上大部分为内存占用产生，其他网络、资源、js语言兼容、中文字样ulr等同样也会发生白屏，这类问题需要针对分析。在APP端上除去相关页面元素，加载错误、兼容性，语法错误造成白屏，以上相关方案可以启到检测并尝试重试刷新页面，达到用户无感知，避免白屏的出现和出现白屏瞬间进行切换或者刷新。内存导致的白屏或者其他异常问题，有时白屏显示，有时界面渲染失败等奇怪现象，但是内存白屏是最不好处理，又需要给用户友好体验的问题。

APP启动黑屏白屏原因与解决方式

01-03

我们在桌面启动自己辛苦创建的APP时，总是会看到黑屏或是白屏现象，这让人的体验感觉不是很好，看看大厂的APP为什么不会有这个现象？有问题就要解决，即便不是BUG，用户体验一样很重要。 1. APP启动黑/白屏的原因首先，我们需要知道一个APP启动时，屏幕上都会有什么。在我们的APP里，显示在屏幕上的自然是各个View了，而我们的View又都是在Activity的onCreate()方法中调用了setContentView()方法，传入了我们的layout文件，也就是我们理论上应该看到的Activity内容。但是Android系统在启动一个新的Activity时，首先进行的并不是绘制Activ

Android 启动APP时黑屏白屏的解决方案之一

01-31

你会很奇怪，为什么有些app启动时，会出现一会儿的黑屏或者白屏才进入Activity的界面显示，但是有些app却不会如QQ手机端，的确这里要做处理一下。这里先了解一下为什么会出现这样的现象，其实很简单，简历一个简单的例子就可以理解了。其实，黑屏或者白屏这里并不是不正常，而是还没加载到布局文件，就已经显示了window窗口背景，黑屏白屏就是window窗口背景。代码如下，可以自己写个小demo就理解了。博客地址：http://www.cnblogs.com/liqw/p/4263418.html

Android的App启动时白屏的问题解决办法

01-05

Android的App启动时白屏的问题解决办法在手机上调试后第一次启动后会等待很长时间白屏，设置style样式,给activity加上设置的样式,完美解决参考一下下面的代码.就可以解决(亲测好用) <style name=SplashTheme parent=AppBaseTheme>  <item name=android:windowBackground>@drawable/splash</item> <item name=android:windowFullscreen>true</it

解决APP首次启动程序白屏时间过长的问题

11-07

测试人员测试开发的APP时反应启动APP时会白屏一段时间，时间不确定，有长有短。有的时候白屏时间可以长达七八秒。

android app启动出现白屏问题解决方案

qq664099931的专栏

08-08

2850

解决方案很简单，如下，给启动页面加上一个主题（activity继承的是AppCompatActivity）： <style name="splash_style" parent="Theme.AppCompat.NoActionBar"> <item name="android:background">@drawable/start</item> ..

得物App白屏优化系列｜归因篇

SmartCodeTech的博客

09-03

4746

本系列前面两篇文章已经分别在图片库和网络库的角度介绍了诸多白屏问题的定位和解决方案，但都是相对独立的问题，并且像OSCP，CDN节点异常之类的第三方问题无法彻底根治，因此为了长治白屏并发掘更多问题，就需要一套相对完善的白屏检测+问题归因体系。本文将介绍从用户视角出发的白屏检测方案以及线上白屏问题的大致归因思路。

【面试题】网站或者APP页面显示空白如何排查

seanyang_的博客

02-22

2488

小明使用手机浏览器，访问天猫的某个商品详情页面，经过很长时间后，天猫这个网页仍然显示为“白页”，请再分析一下，都可能出现了哪些问题？当小明使用手机浏览器访问天猫的商品详情页面，但页面显示为“白页”（即空白页面），可能的原因有很多种。

App启动白屏黑屏优化

better future

04-27

677

App启动时黑白屏优化黑白屏问题是app需要重点优化点之一，我以前都是遇到这种比较典型的问题直接上网查找相关的解决方案，筛选直接用，这样的缺点是，只知其表，不知其里，感觉自己这块懂了，但是和人实际表述的时候却说的很片面。细致梳理一下，让自己认知更深刻一下。如果有理解不对的地方，请多多指点。在此先谢过！！1 、app的启动流程图：小结：从图中可以看出app启动分为俩个阶段，一个是系统进程层...

uniapp打包APP白屏

最新发布

03-22

### UniApp 打包 App 出现白屏的原因分析在 UniApp 开发过程中，打包后的应用可能会因为多种原因导致白屏现象。以下是常见的错误原因及其对应的解决方案： #### 1. **地图插件调用问题** 当使用 `uni.openLocation` 调用高德地图或其他地图服务时，在某些情况下会出现地图白屏的现象。这通常是因为未正确配置地图 SDK 或者缺少必要的权限设置。 - 原因：可能是由于 Android 和 iOS 平台上的权限管理不同步或者 API 配置有误引起的。 - 解决方案：确保已按照官方文档完成相关依赖库的引入以及权限声明[^1]。例如： - 在 AndroidManifest.xml 中添加网络访问权限： ```xml <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/> <uses-permission android:name="android.permission.INTERNET"/> ``` - 对于 iOS 设备，需确认 Info.plist 文件中的隐私权限是否齐全。 #### 2. **ECharts 移动端适配问题** 如果项目中集成了 ECharts 图表组件，则可能出现移动端渲染失败的情况，表现为页面加载完成后呈现一片空白区域。 - 原因：移动设备缺乏 DOM 结构支持，直接嵌入 HTML Canvas 可能引发冲突。 - 解决方法之一是通过 canvas-to-dataurl 技术实现离线绘制功能[^2]；另一种可行的办法是在初始化图表前动态创建容器节点并绑定至视图层。 ```javascript // 动态生成 dom 容器实例化 echarts 实例 let chartDom = document.createElement('div'); chartDom.style.width = '100%'; chartDom.style.height = '400px'; document.body.appendChild(chartDom); const myChart = echarts.init(chartDom); myChart.setOption({ title: { text: '示例折线图' }, tooltip: {}, xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed'] }, yAxis: {type: 'value'}, series: [{ data: [820, 932, 901], type: 'line' }] }); ``` #### 3. **H5 支付兼容性问题** 对于自定义 H5 微信支付流程的应用程序来说，iOS 用户反馈较多的是退出支付界面回到原生 APP 后发生黑屏状况。 - 成因推测：主要是 Safari 浏览器行为差异所致——即关闭 webview 导致上下文丢失从而影响后续逻辑执行流正常恢复[^3]。 - 应对策略建议如下所示： * 使用 JavaScriptBridge 提供跨平台通信机制来捕获事件回调； * 如果条件允许的话可以考虑切换成 Native Payment Gateway 来规避此类风险。综上所述，针对上述三种典型场景下的具体表现形式给出了针对性较强的修复措施。开发者应仔细排查各自项目的实际情况再做调整优化处理。