关于 由webView 转为WKWebView 会在加载完成后 多出一个灰色背景的问题

最新推荐文章于 2022-08-17 17:26:09 发布
原创 最新推荐文章于 2022-08-17 17:26:09 发布 · 989 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在将webView替换为WKWebView时，加载完成后会出现一个灰色View。本文介绍如何通过设置WKWebView的isOpaque属性为false来解决这个问题，并讨论了在视图加载完成前背景颜色显示的解决方案。

如题 在 项目中 改签 webView 为 WKWebview 的时候 会在 wkwebview 加载完成后 会出现一个灰色View ; 解决这个 灰色view为clearcolor

 webView.isOpaque=false

但是我们发现 在未加载的时候 我们 的self.View的背景颜色 会先展示出来 所以 最后 的方式 是 把 这句话 写的 webView的 视图加载完成的代理里面 

 

 

iOS swift5 webView: WKWebView 简单使用 加载html
baidu_40537062的博客
07-31 2716
1.官网文档 WKWebView | Apple Developer Documention 2.代码示例 import UIKit import WebKit class ViewController: UIViewController, WKUIDelegate { var webView: WKWebView! override func loadView() { let webConfiguration = WKWebViewConfigurati
Android适配利用webview加载后图片显示过大的问题解决
08-25
然而，在实际使用中，可能会遇到一个问题，即当Webview加载含有图片的网页时，图片可能会显示得过大，导致用户需要左右滑动才能看到完整内容，极大地影响了用户体验。本文将详细介绍如何解决Android Webview加载后...
iOS-WKWebView取消自动选中灰色背景
Pandakingli的博客
06-06 982
在IOS中WKWebView有些地方tap点击会有一个灰色背景图层出现，会让用户感觉是个bug. -webkit-tap-highlight-color这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮，设置颜色的alpha值为0即可。 示例： //设置高亮色为50%透明的红色: -webkit-ta
wkWebView更改背景色
木头书屋专栏
09-01 8697
wkWebView.isOpaque = false wkWebView.backgroundColor = UIColor.black
iOS-76-解决WKWebView底部总有一块不显示问题
IOT_LI的专栏
07-05 5115
问题原因很简单：wkwebview在计算空间尺寸时加上了导航栏高度，所以需要调整屏幕尺寸适配。 解决前： 解决后： 只需增加代码： self.hidesBottomBarWhenPushed = YES; self.edgesForExtendedLayout = UIRectEdgeNone;
IE6PNG透明背景显示灰色--解决方法（IE7.js）
04-07
IE6PNG透明背景显示灰色--解决方法（IE7.js）
iOS中webview加载pdf文件出现黑屏的问题
止于至善
11-30 3934
项目开发的过程中，当加载完成一个pdf文件的过程后，常常会出现黑屏的情况； 原因是webview调用-webViewDidFinishLoad: 后负责渲染pdf文件的UIWebPDFView还没有加载完成，所有想除掉黑色背景可以在-(void)viewDidLayoutSubviews 中或者- (void)webView:(WKWebView *)webView didFinishNavig
关于WebView 重定向行为导致的多次加载的问题
08-19
WebView 重定向行为导致的多次加载问题是一个常见的问题，在使用 WebView 时，我们通常会重写以下方法：shouldOverrideUrlLoading()、onPageStarted()、onPageFinished()。这三个方法的执行顺序对于理解 WebView 的...
精选资源
SwiftUI-WebView:一个使用WKWebView的SwiftUI组件
05-27
一个包含WKWebView SwiftUI组件View 由于WKWebView处理大量自己的状态，导航堆栈等，因此将其视为可变数据模型几乎容易WKWebView 。 您可以先设置它，然后再在SwiftUI视图中使用它的数据。 只需启动一个...
IOS菜鸟初学第十一篇：WKWebView 导航栏导致显示的页面下移，底部遮挡问题（老情况新解决方案）
专注分享个人所得，希望给大家带来帮助
06-11 4523
更新一波以前遇到的问题⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️ IOS菜鸟初学第六篇：WKWebView显示的页面下移，底部遮挡问题 在第六篇关于页面下移，我当时用那种方法解决了。 但是今天测试人员又发现它变回原样了，也就是说之前的失效了，我不知道中间发生了什么。无奈，还是得解决≥ 这次很清楚是什么原因造成的。就是因为，导航栏占用了页面高度，导致整体页面下移，在我的页面中有设置过页面高度的操作。参...
UIWebView加载PDF时出现的问题
风继续吹
10-27 2026
1、加载后app crash，提示DiskImage之类的东西。对于这个问题把加的断点去掉就行了。 2、webView的背景颜色为黑色。想改为白色。 在webViewDidFinishLoad:中调用 if ([[[UIDevice currentDevice] systemVersion] floatValue]>=8.0) { [self performSelector:@s
IOS wkWebview底部黑边问题
iamlegendary的博客
04-16 1577
IOS wkWebview 底部黑边问题 问题描述如下：我用Unity打开一个新的wkWebView，内容显示是正常的，但是大概过了10S左右，webview变小了（底部变成了黑边，像是被裁剪了一样） 爬了一下楼，webview的scrollview自动计算滚动边距的问题 解决方法如下： if (@available(iOS 11.0, *)) { (your wkwebv...
ios html高度自适应高度,iOS WKWebView 自适应高度（底部不留白）
weixin_39559333的博客
06-19 743
解决WKWebView加载网页url或者html内容，利用document.body.offsetHeight读取内容实际高度时，底部出现大面积空白的问题。- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{[webView evaluateJavaScript:@"document...
iOS 去掉顶部(或底部)出现一块空白区域
H.A.N的博客
09-23 7283
//去掉顶部(或底部)出现一块空白区域 self.automaticallyAdjustsScrollViewInsets = NO;
iOS WKWebView网页文字加载完了但过了很久才执行didFinishNavigation该怎么办，我需要在文字的加载完后进行页面操作
qq_15509071的博客
08-17 2033
1.创建WKWebViewConfiguration的时候注入监听代码$(document).ready(function(){})4.然后在dealwith方法里就可以执行js代码了evaluateJavaScript，获取body，添加标签都可以的。这是因为少量的图片视频没有下载完，但不影响网址文字整体内容查看，原生该如何如何监听呢？2.在这个方法里 和原生交互，调用原生方法，这里以alert为例。研究过程不写了，直接写最终解决方法。...
关于WKWebView加载完毕的代理方法
quanpuyan4784的博客
12-29 7505
现在在做一个项目,首页是原生的,然后页面上有10个左右的button,点击链接H5页面; 需求:在点击button的时候,当前页面出现loading动画,在H5页面加载完毕后跳转 我的思路:在button action的方法中,只是alloc init一个H5页面,在H5页面加载完毕的代理方法中发出Notification,然后在首页添加监听Notification,push页面. bu
手机web端html5保存图片不显示,Android5.0及以上的手机Webview中图片不显示
weixin_36364248的博客
06-19 1118
前提说明：Webview中图片不显示的原因可能有很多种，但这里只分析我遇到的这一种情况，请根据下面描述看自己是否也属于这类问题，如果不是，可以ctrl+w了。。问题描述：项目中用到了WebView去显示h5页面，链接地址是https开头的，里面的图片地址链接是以http开头的，这时候，在android5.0及以上的系统上，图片可能就会显示不出来。在浏览器中开发者工具的控制台可看到以下logimag...
WKWebView H5的加载过程
nicle0217的博客
07-07 594
初始化 webview -> 请求页面 -> 下载数据 -> 解析HTML -> 请求 js/css 资源 -> dom 渲染 -> 解析 JS 执行 -> JS 请求数据 -> 解析渲染 -> 下载渲染图片
如何在Android WebView加载完成后自动获取焦点？
最新发布
11-14
在Android的WebView中，当网页加载完成后自动获取焦点，你可以结合监听`WebViewClient`的` onPageFinished()` 方法和设置焦点。以下是一种常见的方式： 首先，在创建或初始化WebView时，添加一个自定义的`WebViewClient`： ```java MyWebViewClient myWebViewClient = new MyWebViewClient() { @Override public void onPageFinished(WebView view, String url) { // 网页加载完成之后执行此方法 super.onPageFinished(view, url); // 获取WebView实例并设置焦点 webView.requestFocus(); } }; webView.setWebViewClient(myWebViewClient); webView.loadUrl("http://..."); ``` 在这个例子中，`myWebViewClient`会接收到`onPageFinished()`回调，当网页加载完毕后，立即为WebView对象`webView`请求焦点。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值