WKWebView移入新UIView后消失的原因及解决方法

核心原因分析 #

1. 视图层级未正确挂载：第一次代码中创建的myView没有添加到任何已存在的视图层级（比如self.view），导致webView跟着处于“游离”状态，自然无法显示。
2. Frame设置逻辑错误：第二次代码里把webView.frame设置为myView.frame，这是错误的——子视图的frame是相对于父视图的坐标系，myView.frame是它在自己父视图中的位置和大小，直接赋值给webView会导致webView在myView中的位置偏移甚至超出可视区域。
3. Auto Layout约束冲突/丢失：如果原WKWebView使用了Auto Layout约束，调用removeFromSuperview后原约束会被移除，若新视图myView未给webView添加合适的约束，也会导致布局异常。

解决办法 #

方法1：修正Frame设置并确保视图层级正确 #

UIView *myView = [[UIView alloc] initWithFrame:frame];
// 让webView在myView中充满整个视图，使用myView的bounds作为frame
webView.frame = myView.bounds;
// 或者手动设置相对父视图的frame
// webView.frame = CGRectMake(0, 0, myView.frame.size.width, myView.frame.size.height);

[webView removeFromSuperview];
[myView addSubview:webView];
// 必须将myView添加到当前视图层级中
[self.view addSubview:myView];

方法2：使用Auto Layout替代Frame（推荐） #

如果项目使用Auto Layout，建议通过约束来控制布局，避免Frame适配问题：

UIView *myView = [[UIView alloc] initWithFrame:frame];
myView.translatesAutoresizingMaskIntoConstraints = NO;

[webView removeFromSuperview];
[myView addSubview:webView];
[self.view addSubview:myView];

// 给myView添加约束（示例：固定在父视图顶部，宽高固定）
[NSLayoutConstraint activateConstraints:@[
    myView.topAnchor.constraintEqualToAnchor:self.view.topAnchor,
    myView.leadingAnchor.constraintEqualToAnchor:self.view.leadingAnchor,
    myView.widthAnchor.constraintEqualToConstant:300,
    myView.heightAnchor.constraintEqualToConstant:400
]];

// 让webView充满myView
webView.translatesAutoresizingMaskIntoConstraints = NO;
[NSLayoutConstraint activateConstraints:@[
    webView.topAnchor.constraintEqualToAnchor:myView.topAnchor,
    webView.leadingAnchor.constraintEqualToAnchor:myView.leadingAnchor,
    webView.trailingAnchor.constraintEqualToAnchor:myView.trailingAnchor,
    webView.bottomAnchor.constraintEqualToAnchor:myView.bottomAnchor
]];

额外排查点 #

• 检查webView.hidden是否被设置为YES，或者alpha是否为0；
• 临时给myView设置非透明背景色（比如红色），排查是否myView本身未显示；
• 确认WKWebView的配置没有意外禁用内容加载逻辑。

内容的提问来源于stack exchange，提问作者John Doe