chrome devtools 远程调试 android webview 连不上，主因是 webview 初始化时未启用调试开关；需在 application 或 activity 的 oncreate() 中调用 webview.setwebcontentsdebuggingenabled(true)，且仅 debug 包生效。
Chrome DevTools 远程调试 Android WebView 为什么连不上
连不上通常不是网络问题，而是 WebView 初始化时没开调试开关。Android 4.4+ 的 WebView 默认关闭远程调试，必须在应用启动早期显式启用。
-
WebView.setWebContentsDebuggingEnabled(true)必须在Application或Activity的onCreate()中调用，晚于WebView实例创建就无效 - 只对 debug 包生效（
android:debuggable="true"），release 包即使代码写了也无效 - 确保设备已开启 USB 调试，且 Chrome 桌面版访问
chrome://inspect后点击 “Configure…” 加入设备 IP 或保持 USB 连接 - 部分厂商定制 ROM（如华为 EMUI）会拦截
WebView调试通道，换原生 Android 设备或模拟器可快速验证是否为系统限制
iOS Safari Web Inspector 在 macOS 上找不到你的页面
Safari 开发者工具不自动列出所有网页，尤其在 iOS 16+ 和 macOS Ventura 后，需要手动开启并确认几个关键状态。
- iOS 端必须打开
Settings > Safari > Advanced > Web Inspector，且页面不能是私密浏览模式 - macOS Safari 需开启开发者菜单：
Safari > Settings > Advanced > Show Develop menu in menu bar - 连接同一 Wi-Fi 后，macOS 的
Develop > [device name] > [page title]菜单项可能延迟 5–10 秒才出现，刷新页面或切换标签页常能触发识别 - 如果页面由
file://协议加载（比如本地 HTML 文件），Safari 默认不显示——改用http-server或python3 -m http.server起个本地服务再访问
移动端页面在 Chrome 模拟器里正常，真机却错位/白屏
模拟器只是 viewport 和 UA 的简单模拟，无法复现真机的渲染管线、GPU 限制、字体回退甚至系统级缩放策略。
- 检查
viewportmeta 标签是否含user-scalable=no或maximum-scale=1，某些安卓浏览器（如 Samsung Internet）会因此禁用合成层，导致 fixed 元素失效 - CSS 中使用
transform: translateZ(0)强制硬件加速，在低端安卓机上反而引发闪烁或白屏，优先用will-change: transform并加@supports保护 - 字体加载失败在模拟器里常被忽略，但真机会因缺失系统字体 fallback 到空白；用
@font-face声明font-display: swap，并在 CSS 中指定至少两级 fallback（如"Helvetica Neue", Arial, sans-serif） - iOS Safari 对
position: sticky的支持依赖父容器有明确高度或overflow设置，模拟器不校验这点，真机会直接降级为 static
HTML 页面跨平台兼容性最该盯住的三个点
不是所有“标准”行为在各端都一致，以下三项改动成本低、影响面大，上线前必须真机过一遍。
立即学习“前端免费学习笔记（深入）”；
-
input[type="date"]在 iOS 上弹出原生滚轮选择器，安卓各厂差异极大（部分显示文本框+日历图标，部分无响应）；业务关键场景建议统一用 JS 日历组件（如 flatpickr），并隐藏原生控件appearance: none -
flexbox的align-items: center在老版 UC 和 QQ 浏览器中不支持min-height容器内的垂直居中，需补display: table-cell回退方案或用height: 100vh+line-height -
fetch()默认不带 cookie，但XMLHttpRequest在某些安卓 WebView 中默认携带；跨域请求若依赖登录态，务必显式传{ credentials: "include" }，否则 iOS 和新版 Chrome WebView 会静默失败
真机测试没法省，模拟器只能帮你发现 60% 的问题；特别是涉及输入、滚动、动画和权限的交互，不同系统底层处理逻辑差得远。
