iOS WKWebView浏览器视图切换优化
iOS 里的网页加载体验，一直挺让人头疼的。尤其你要是想做出那种不跳出 App、不像 Safari 那样生硬的切换效果，就得花点心思。用WKWebView是现在的主流，它性能好、交互灵活，最重要的是加载过程可以自己掌控。
UIWebView 现在基本不推荐用了，加载慢还容易白屏。如果你还在维护老项目，记得加点过渡动画，或者做预加载，不然用户体验真是一言难尽。
WKWebView搭配WKWebViewConfiguration配置对象，能搞定缓存策略，还能执行 JS，像evaluateJavaScript(_:completionHandler:)就挺常用的。你甚至可以监听页面事件来触发动画，体验直接拉满。
页面切换的时候，不妨加点动画。UIView.animate方法就挺实用的，配合alpha变化做个淡入，或者搞个transform的滑动过渡，简单还不难看。
想让切换更顺滑？那就得考虑页面预加载了。比如你可以提前用loadRequest(_:)加载下一个页面的内容，等用户点进去就能立马展示，响应也快。
还有个细节别忽略：UI 风格统一。导航栏、状态栏的颜色和样式要跟 App 主色调一致，不然一眼就能看出是网页套壳。
别忘了加点错误机制，网络差的时候别让页面死白着，提示一下、加个重试按钮，用户好感度能高不少。
网页内容适配也关键，用媒体查询调 CSS，或者 JavaScript 判断屏幕宽度做响应式调整。不然在 iPhone SE 和 iPad 上显示完全不一样，体验大打折扣。
如果你正在做内嵌网页，又想搞得跟原生差不多，强烈建议你折腾一下WKWebView和这些切换技巧，效果真的还不错。
文件大小：66.03KB
评论区