调试的本质,是把不可见的状态变成可观察的
页面层、逻辑层、网络层、环境层、性能层——五层都能被看见,调试才是系统的而不是靠运气。附每一层的工具与实战经验。
关于「只在真机上出问题」的那些网页的实战笔记 —— WebView 加载失败、移动端网络异常、莫名其妙丢掉的本地存储,以及能把这些问题看见的工具。
页面层、逻辑层、网络层、环境层、性能层——五层都能被看见,调试才是系统的而不是靠运气。附每一层的工具与实战经验。
Chrome DevTools、Safari Web Inspector、Lighthouse 和 WebDebugX 各自擅长什么?结合一次真实的长列表掉帧排查,说清楚什么阶段该用哪个工具。
WKWebView 的多进程架构、缓存策略和跨域限制怎么把问题藏起来?白屏、请求失败、Cookie 丢失的成因,以及不依赖 Mac 的调试路径。
只在 App 里出问题的 H5 页面该怎么查?把 vConsole、Safari 远程调试、chrome://inspect、Charles 和真机远程调试排成一条链,各自负责哪一段。
移动端不是浏览器,而是浏览器层、WebView 层、系统层、网络层、性能层五层封装。按层拆开,真机调试就不再是漫长的猜测游戏。
共 22 篇文章