开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

从Android Webview单击返回后，手机屏幕变为白色

从Android WebView单击返回后，手机屏幕变为白色可能是由于以下原因之一：

页面加载问题：可能是WebView加载的页面出现了错误或者加载失败，导致页面无法正常显示。可以尝试重新加载页面或者检查网络连接是否正常。
缓存问题：WebView可能在缓存中保存了错误的页面数据，导致返回时显示白屏。可以尝试清除WebView的缓存数据，然后重新加载页面。
JavaScript错误：页面中的JavaScript代码可能存在错误，导致页面无法正常渲染。可以尝试禁用JavaScript或者检查页面中的JavaScript代码是否有问题。
页面样式问题：页面的CSS样式可能存在错误，导致页面无法正常显示。可以检查页面的CSS代码是否有问题，或者尝试禁用CSS样式来查看是否能够正常显示页面。
其他问题：可能还存在其他问题，例如WebView的配置问题、硬件兼容性问题等。可以尝试更新WebView的版本或者查找相关的解决方案。

对于以上问题，腾讯云提供了一款名为腾讯云移动浏览器（Tencent Mobile Browser）的产品，它是一款基于腾讯云技术的移动浏览器，具有高速、安全、稳定的特点。腾讯云移动浏览器支持Android和iOS平台，可以在移动设备上提供更好的浏览体验。您可以尝试使用腾讯云移动浏览器来加载页面，看是否能够解决屏幕变白的问题。

腾讯云移动浏览器产品介绍链接地址：https://cloud.tencent.com/product/tmb

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Airtest Project：一款免费的自动化测试工具

AirtestIDE连接移动设备连接Android手机今天主要介绍下Android平台的操作，iOS以后再详细介绍。iOS我买不起！！！...通过USB数据线将Android手机连接到PC上，单击refresh ADB按钮显示已在设备列表中显示已连接的电话。...如果设备已锁定，可以使用设备按钮直接解锁，也可以使用IDE开始操作设备 - 例如，单击屏幕下方的电源按钮以唤醒设备并使用鼠标解锁设备。...注意：脚本录制完成后，需要手动回退微信APP界面到主页然后回退到手机屏幕主页，或者点击右边屏幕的Home键，回到手机屏幕主页。接下来就是回放脚本，点击菜单栏的Run Script(快捷键F5)： ?...再次手动回退微信APP界面到主页然后回退到手机屏幕主页，F5快捷键，回放录制的脚本；执行完成后，点击工具栏按钮，查看执行报告： ?

3.1K5 0

挥别web移动端开发差异和经典坑

解决： fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块，tap事件也是为了解决在click的延迟问题 iOS上拉边界下拉出现空白，安卓无描述：手指按住屏幕下拉，...屏幕顶部会多出一块白色区域。...手指按住屏幕上拉，底部多出一块白色区域。安卓无此特性。在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。...这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。...整个页面会被键盘压缩，也就是说页面的高度变小，并且所有的 fixed 全部变为了 absolute ,而 android 中唤起键盘是覆盖在页面上，不会压缩页面可以通过监听移动端软键盘弹起 Element.scrollIntoViewIfNeeded

2.9K2 0

项目需求讨论 - HyBrid 模式需求改造

我们的 Spinner选中后的字体颜色可能是黑色，但是我们的背景也是黑色。WHF，所以我们要把选中的字体颜色也要换成白色。我们就要设置我们选好后的字体的颜色值，或者是字体大小怎么办。...再和整个屏幕的宽度进行比较，如果比屏幕宽度小，就设为TabLayout.MODE_FIXED,如果比手机屏幕宽度大就设为TabLayout.MODE_SCROLLABLE。...首先我们应该知道安卓手机显示网页用的是webview控件。...我们直接在layout中添加 <WebView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@...+id/webview" android:layout_width="fill_parent" android:layout_height="fill_parent" /> 然后在 WebView

1201 0

移动开发实用

zoom)的方案，比如你在手机上用浏览器打开一个PC上的网页，你可能在看到页面内容虽然可以撑满整个屏幕，但是字体、图片都很小看不清，此时可以快速双击屏幕上的某一部分，你就能看清该部分放大后的内容，再次双击后能回到原始状态...原因就出在浏览器需要如何判断快速点击上，当用户在屏幕上单击某一个元素时候，例如跳转链接，此处浏览器会先捕获该次单击，但浏览器不能决定用户是单纯要点击链接还是要双击该部分区域进行缩放操作...，所以，捕获第一次单击后，浏览器会先Hold一段时间t，如果在t时间区间里用户未进行下一次点击，则浏览器会做单击跳转链接的处理，如果t时间里用户进行了第二次单击操作，则浏览器会禁止跳转，转而进行对该部分区域页面的缩放操作...造成的后果用户纯粹单击页面，页面需要过一段时间才响应，给用户慢体验感觉，对于web开发者来说是，页面js捕获click事件的回调函数处理，需要300ms后才生效，也就间接导致影响其他业务逻辑的处理。...什么是Retina 显示屏，带来了什么问题 retina：一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样带下的屏幕上，苹果设备的retina显示屏中，像素点1个变为4

6.5K3 0

Android的webview研究

其实 android 的 webview 跟 iphone 的 webview 差不多， iphone 上的 webview 比 android 上的强大多了。...Webview 加载页面的顺序是这样的：先加载 html ，然后从里面解析出 css 、 js 文件和页面上写死的图片资源进行加载，如果 webkit 的缓存里面有，就不加载。...而在这段时间，如果不在 webview 里设置背景，网页部分是白色的，很难看。这是一个很糟糕的用户体验。所以如果用网页布局程序，最好别用很大的 js 框架。三．...但是在手机上，事件模型就不一样了。在网页上点击，拖动，然后释放，手离开屏幕的时候， webview 才会触发 onmousedown 、 onmousemove 、 onmouseup 事件。...需要在 java 里面给 webview 设置一下 requestFocus() 就行了。六． Android 上的 webview 和 iphone 的 webview 区别。

1.3K1 0

Android Q Beta 6 终极测试版发布！

前言当今手机市场可谓是百花齐放，但手机系统却屈指可数，其中Android和iOS就占据了整个手机系统市场的99%，单单Android就占据了整个手机系统市场的86%，可谓是占据绝对优势。...其中，Android的更新速度要比iOS更快，系统的功能也更加丰富多样。从推出至今，Android已经发布更迭了10个系统版本。...平台更新已删除用于禁用后台活动启动的开发人员选项 Android 平台已知问题设置在某些情况下，“设置”会在搜索结果中显示“空”文本 WebView 某些 WebView 应用程序无法正常运行...Google 应用已知问题在 Play 商店中撰写评论时屏幕会闪烁启用黑暗模式时，Google 搜索仍然是白色文本/白色背景谷歌翻译不起作用 [Chrome] 视频损坏 Google Play 商店会在首次启动应用时显示更新对话框...如果没有接收到推送，请先确认您已报名参加 Android Q 的测试。至于运行 Android Q 的第三方设备，当然是性能越好越给力。相信大家手中都有一台属于自己的测试机或者安卓手机吧。

1.5K2 0

移动端app开发问题及理解

onclick 鼠标单击事件 ondbclick 鼠标双击事件 onmousedown 鼠标按下 onmouseup 鼠标按键抬起 onmouseover 鼠标进入某个元素 onmousemove...当填写完维修单后，所有人都可以收到推送的消息通知，当组长分配维修单后，只有指定的人收到维修单的通知。分配的人会收到两条消息通知。...js如何与app端交互具体可看下这个 https://zhuanlan.zhihu.com/p/337890794 我的理解首先了解下 app移动端网页运行在手机应用内嵌的浏览器引擎中，没有UI...的内核容器统称WebView。...iPhone的UIWebView（iOS2.0-12.0 ），WKWebView（iOS8.0+，macOS10.10+），Android的WebView WebView可以理解为手机应用中运行和展示网页的界面和接口

3.8K1 0

Android 渗透测试学习手册第七章不太知名的 Android 漏洞

7.1 Android WebView 漏洞 WebView是一种 Android 视图，用于在应用程序中显示 Web 内容。...在应用中使用 WebView 在应用程序中使用WebView非常简单和直接。假设我们希望我们的整个活动都是一个WebView组件，从http://examplewebsite.com加载内容。...以下是 Eclipse 中代码示例的屏幕截图，其中使用名称 Android 创建 JavaScript 界面：我们还可以从源代码中创建apk文件，只需右键单击项目，然后选择Export as an Android...以下屏幕截图显示了修改后的响应的样子：一旦我们点击Forward（转发）按钮，邮件将从受害者的设备发送到攻击者指定的号码。...一旦我们在我们的手机上打开这个恶意应用程序，它将调用海豚浏览器 HD，打开 URL 和我们指定的 JavaScript 代码，如下面的截图所示：总结在本章中，我们了解了 Android 中的不同攻击向量

1.2K1 0

移动端必备的H5问题及解决方案

二、iOS 上拉边界下拉出现白色空白表现手指按住屏幕下拉，屏幕顶部会多出一块白色区域。手指按住屏幕上拉，底部多出一块白色区域。...产生原因在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。...iOS 中的 safari，为了实现双击缩放操作，在单击 300ms 之后，如果未进行第二次点击，则执行 click 单击操作。也就是说来判断用户行为是否为双击产生的。...五、软键盘将页面顶起来、收起未回落问题表现 Android 手机中，点击 input 框时，键盘弹出，将页面顶起来，导致页面样式错乱。移开焦点时，键盘收起，键盘区域空白，未回落。...wifi 下，手机设置代理设置手机的 HTTP 代理，代理 IP 地址设置为 PC 的 IP 地址，端口为spy-debugger的启动端口 spy-debugger 默认端口：9888 Android

4.6K4 2

引入Fragment原来是这么回事

Android设备的多样性给我们带来了很大的便捷，各Android设备拥有不同分辨率和不同屏幕大小，特别是平板电脑和手机间的差别巨大，使得同样的界面在不同的设备上显示出不同的效果。...为了能够同时兼顾到手机和平板电脑的开发，自Android 3.0版本开始引入了碎片的概念，也就是Fragment。...Android 3.0引入Fragment的初衷是为了适应大屏幕的平板电脑，由于平板电脑的屏幕比手机屏幕更大，因此可以容纳更多的UI组件，且这些UI组件之间存在交互关系。...● WebViewFragment WebViewFragment封装了WebView，随着WebViewFragment的暂停或恢复，WebView也进入暂停或恢复状态。...Fragment创建完成后并不能单独使用，还需要将Fragment加载到Activity中，具体方法下一期继续学习。

1K5 0

android webview加载html图片自适应手机屏幕大小&点击查看大图

我们在开发中，显示信息详情时，一般后台会给出html文本，在android端一般采用webview控件来展示，但是后台给出的html文本一般是给电脑端用的，没有自适配手机，导致手机端图片显示过大，需要左右移动来查看全图...下面给出几种实用方法，达到在手机端用webview展示html中的图片，能自适应手机屏幕展示。...需要用webview控件进行展示html文本，为使文字也自适应手机屏幕大小，需要先对android webview控件的属性进行相应设置，这里bindingView.contentWv代表webview...在代码中添加img标签替换函数 /** * 将html文本内容中包含img标签的图片，宽度变为屏幕宽度，高度根据宽度比例自适应 **/ public static String...总结上面三种方法，都能达到webview中图片自适应用手机屏幕大小，但三种方法，笔者更多的是采用第三种方法来实现。使用虽然复杂一些，但是不用引入第三方库，方便控制。

6.4K1 0

吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总

iOS 上拉边界下拉出现白色空白表现手指按住屏幕下拉，屏幕顶部会多出一块白色区域。手指按住屏幕上拉，底部多出一块白色区域。...产生原因在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。解决方案 1....iOS 中的 safari，为了实现双击缩放操作，在单击 300ms 之后，如果未进行第二次点击，则执行 click 单击操作。也就是说来判断用户行为是否为双击产生的。...软键盘将页面顶起来、收起未回落问题表现 Android 手机中，点击 input 框时，键盘弹出，将页面顶起来，导致页面样式错乱。移开焦点时，键盘收起，键盘区域空白，未回落。...wifi 下，手机设置代理设置手机的 HTTP 代理，代理 IP 地址设置为 PC 的 IP 地址，端口为spy-debugger的启动端口 spy-debugger 默认端口：9888 Android

2.1K2 0

Android开发笔记（一百五十二）H5通过WebView上传图片

所以，要想让h5网页支持从手机上传图片，还得另外想办法，当然各版本的Android系统也都提供了相应的解决办法。在Android 4....手机的测试画面，下面的左图为打开测试网址的初始界面，右图为点击上传按钮后在屏幕中央弹出选择对话框： ?...先在对话框中选择从相册上传，成功上传图片后的h5页面如下面的左图所示；重新点击上传按钮，这次选择使用相机拍照，并把照片成功上传后的h5页面如下面的右图所示： ? ?...再来看看Android6.0手机的测试画面，下面的左图为打开测试网址的初始界面，右图为点击上传按钮后在屏幕下方弹出选择对话框： ? ?...先在对话框中选择从相册上传，成功上传图片后的h5页面如下面的左图所示；重新点击上传按钮，这次选择使用相机拍照，并把照片成功上传后的h5页面如下面的右图所示： ? ?

1.3K3 0

h5中performance.timing轻松获取网页各个数据如dom加载时间渲染时长加载完触发时间

在浏览器交互阶段（Processing和onLoad时间段）浏览器接收服务器返回的基础页数据后，浏览器需要对HTML这个单纯的文本内容进行解析，从文本中构建出一个内部数据结构，叫做DOM树（DOM tree...在浏览器交互阶段（Processing和onLoad时间段）浏览器接收服务器返回的基础页数据后，浏览器需要对HTML这个单纯的文本内容进行解析，从文本中构建出一个内部数据结构，叫做DOM树（DOM tree...在android中我们通过使用webview.WebChromeClient的onReceivedTitle事件来近似获得白屏时间。...因此我们在DOM树构建完成后即可遍历获得所有在设备屏幕高度内的所有图片资源标签，在所有图片标签中添加document.onload事件，在整页加载完成（window.onLoad事件发生）时遍历图片标签并获得之前注册的...因此我们在DOM树构建完成后即可遍历获得所有在设备屏幕高度内的所有图片资源标签，在所有图片标签中添加document.onload事件，在整页加载完成（window.onLoad事件发生）时遍历图片标签并获得之前注册的

3.6K1 0

web app 中物理返回键的监听

使用Vue + Vant 进行web app 的开发，需要处理 android 自带的物理返回键，对不同页面，点击物理返回键进行不同的处理那如何监听到物理返回键，并进行相应的处理？...01 app网页返回键 vs 手机物理返回键网页上的返回键是返回上一个页面的意思，手机上的返回键是返回上一个操作。...并且手机上的返回键还有很多其它功能，在使用某些软件可以双击返回键退出app 02 Vue 中监听物理返回键使用h5+ 提供的 plus 对象进行处理，具体代码如下 document.addEventListener...document.addEventListener('plusready', this.plusReady, false) } 将 backbutton 事件的添加，处理程序，写在 plusReady 方法中，即可 04 单击返回...，双击退出app 实现，单击返回键进行退出，双击退出app 分析：通过一个 first 变量来记录次数，且两次点击的时间间隔不能超过1500.

1.2K2 0

吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总

iOS 上拉边界下拉出现白色空白表现手指按住屏幕下拉，屏幕顶部会多出一块白色区域。手指按住屏幕上拉，底部多出一块白色区域。...产生原因在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。解决方案 1....iOS 中的 safari，为了实现双击缩放操作，在单击 300ms 之后，如果未进行第二次点击，则执行 click 单击操作。也就是说来判断用户行为是否为双击产生的。...软键盘将页面顶起来、收起未回落问题表现 Android 手机中，点击 input 框时，键盘弹出，将页面顶起来，导致页面样式错乱。移开焦点时，键盘收起，键盘区域空白，未回落。...wifi 下，手机设置代理设置手机的 HTTP 代理，代理 IP 地址设置为 PC 的 IP 地址，端口为spy-debugger的启动端口 spy-debugger 默认端口：9888 Android

1.3K3 0

【Hybrid】518- 12种移动端 H5 与 Hybrid问题汇总

iOS 上拉边界下拉出现白色空白表现手指按住屏幕下拉，屏幕顶部会多出一块白色区域。手指按住屏幕上拉，底部多出一块白色区域。...产生原因在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。解决方案 1....iOS 中的 safari，为了实现双击缩放操作，在单击 300ms 之后，如果未进行第二次点击，则执行 click 单击操作。也就是说来判断用户行为是否为双击产生的。...软键盘将页面顶起来、收起未回落问题表现 Android 手机中，点击 input 框时，键盘弹出，将页面顶起来，导致页面样式错乱。移开焦点时，键盘收起，键盘区域空白，未回落。...wifi 下，手机设置代理设置手机的 HTTP 代理，代理 IP 地址设置为 PC 的 IP 地址，端口为spy-debugger的启动端口 spy-debugger 默认端口：9888 Android

1.4K2 2

HarmonyOS实战—实现抖音点赞和取消点赞效果

，下面白色图片由于没有背景，所以显示的是白色的，下载后鼠标点击就能看见了 [请添加图片描述] [请添加图片描述] 因为要双击屏幕才能点赞，所以还要给布局组件id 代码实现： ability_main <...业务分析：双击屏幕之后点赞。（上面已实现），再次双击屏幕之后，不会取消点赞，只有点击后红心之后才能取消点赞。...如果没有点赞，单击之后，白色心变成红色心。如果已经点赞了，单击之后，红色心变成白色心。...给图片添加单击事件，因为涉及到点赞后为红色，再取消就变为白色，所以要把 flag 变为相反的操作 package com.xdr630.listenerapplication6.slice; import...： [在这里插入图片描述] 再次单击红心： [在这里插入图片描述] 双击屏幕后效果如下，再次双击屏幕就不会取消点赞了，只有点击小红心才能取消点赞 [在这里插入图片描述]

1.9K2 0

开发 h5| Hybrid | 微信小程序｜实践踩坑总结十六条

背景手指按住屏幕下拉，屏幕顶部会多出一块空白区域。...手指按住屏幕上拉，底部多出一块空白区域。空白区域的颜色，在不同app平台打开，颜色会有差别，嵌入京东app h5中的空白背景色为白色，但是在微信中为灰色。 ?...分析原因: 在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器，容器自然会被拖动，剩下的部分会成空白。效果如下： ?...1 android问题：打开webview被微信拦截问题背景在微信小程序里开发webview h5的时候，在配置了合法域名，域名备案的情况下，出现了 ios 上正常打开，但是在 android 手机上出现了被拦截的情况...，返回到当前小程序之后，第二次跳转的时候，发现跳转功能失效了，无法再次跳转。

2.5K3 0

70%以上业务由H5开发，手机QQ Hybrid 的架构如何优化演进？

这里的流程大概如下，用户从click开始，到launch WebView，WebView去加载CDN上的HTML文件，页面loading起来后才会去获取JSON，为了加速这个过程可能会用到localStroage...我们团队内部统计了Android机器launch WebView大概需要1秒以内（因为手机QQ是多进程的架构，WebView生存在另一个进程内部，launch一次WebView除了进程loading还有浏览器内核的加载...另外，从Node.js服务器返回的数据是HTTP流式的，WebView不需要等待整个HTML加载完成后才能进行渲染和显示，只要拿到传输中的first byte就可以开始进行document的解析以及DOM...reshape架构这种屏幕自适应的策略也面临近似私有格式的成本，因为CDN也不知道手机的情况，最后我们提出了reshape的架构，从图片下载完整的环节来看，大概可以分成4个层级： ?...最底层我们称作CDN源站，这里我们部署了图片格式转换工具，业务方不需要care JPG制作出来后再生成sharpP还是WebP，只需要把图片发布在CDN源站上就能自动转成对应的格式和屏幕分辨率；往上是用户手机接入的

1.8K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭