ios中native view覆盖wkwebview导致fixed元素被遮盖，因二者渲染不在同一合成树，z-index无效；应避免addsubview叠加，改用insertsubview:belowsubview或通过postmessage协同控制显隐。
iOS WKWebView中fixed元素被Native View盖住怎么办
Native View和WebView渲染不在同一合成树，z-index完全不跨上下文生效——这不是样式写错了，是渲染层级根本不在一个平面。你设z-index: 999999也没用。
实操建议：
- Native侧避免用
addSubview:把广告、悬浮按钮等直接叠在WKWebView上层；改用insertSubview:belowSubview:插到WebView底层，再通过Web内position: fixed+z-index控制浮层顺序 - 若必须上层覆盖（如全屏播放器），Native需主动通知Web：“我即将遮挡，请收起弹窗”，通过
postMessage触发Web端document.body.classList.add('native-overlay-active')做降级处理 - 禁止在WKWebView同
UIWindow层级混用presentViewController:模态页，它会强制提升渲染优先级，导致Web页面“变灰”或fixed重绘停滞
Android WebView里iframe弹窗被Native Dialog截断怎么修
Android原生AlertDialog或BottomSheetDialog默认渲染在Window顶层，iframe内部的position: absolute浮层（如日期选择器）会被裁切——因为iframe创建了独立堆叠上下文，而Native Dialog不在这个上下文中。
实操建议：
- 禁用原生Dialog，全部替换为Web实现的弹窗（
position: fixed+pointer-events: auto），由JSBridge统一管理显隐 - 若必须用原生Dialog，在
show()前调用webView.evaluateJavascript("window.dispatchEvent(new Event('blur'))", null)，强制Web释放焦点并隐藏软键盘/下拉面板 - 对iframe父容器加
transform: translateZ(0)会意外创建新堆叠上下文，反而加剧遮挡，应删除
Hybrid通信中JSBridge回调丢失的典型诱因
不是Native没调callback，而是Web端监听环境已销毁或作用域错位。常见于SPA路由切换、Vue组件v-if销毁后Native仍尝试回调。
实操建议：
- Native侧发回调前，先用
webView.evaluateJavascript("typeof window.bridgeCallback === 'function'", ...)校验函数是否存在 - Web端注册回调时，不要写成
window.myBridge = { cb: fn }，改用window.addEventListener('bridge:response', handler)，Native用dispatchEvent触发 - 避免在
iframe内注册全局window方法，它的window和父页不是同一个对象；跨iframe通信必须走postMessage
Macaca测试时WebView内fixed定位失效怎么定位
Macaca驱动层会注入调试脚本并接管viewport，可能覆盖页面原有meta name="viewport"设置，导致iOS WKWebView误判滚动容器边界，position: fixed锚点偏移。
实操建议：
- 测试前在页面
中硬编码<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">，防止Macaca runtime动态修改 - Macaca启动参数加
--no-webkit-debug-proxy关闭调试代理，排除WebKit远程调试协议干扰 - 用Macaca执行
driver.elementById('header').getLocation()拿到实际坐标，比用getComputedCss('top')更可靠——后者可能返回CSS声明值而非真实渲染位置
z-index或transform强行对齐的方案，都会在某个系统版本或特定交互路径下崩塌。真正稳定的解法，是让双方约定好“谁负责哪一层”，并在边界处用postMessage或JSBridge显式交接控制权。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
