微信iOS WKWebview 网页开发适配指南

最新推荐文章于 2024-08-16 08:01:24 发布

timtian008

最新推荐文章于 2024-08-16 08:01:24 发布

阅读量5k

点赞数

分类专栏： Web前端文章标签： web开发 webkit ios 微信

本文链接：https://blog.csdn.net/timtian008/article/details/54171549

版权

本文介绍了微信iOS客户端从UIWebView升级到WKWebView的背景、切换方法和校验方式，并提供了前端适配的要点，包括页面功能、屏幕适配、行为、语法兼容性、JSSAPI、Cookie和LocalStorage、页面视频小窗播放等方面的适配指南，帮助开发者顺利完成适配工作。

摘要由CSDN通过智能技术生成

微信2017.1.6日推送一条消息：
微信iOS客户端
将于2017年3月1日前逐步升级为WKWebview内核，需要网页开发者提前做好网站的兼容检查和适配。

背景

WKWebView 是苹果在iOS 8中引入的新组件，目的是提供一个现代的支持最新Webkit功能的网页浏览控件，摆脱过去 UIWebView的老、旧、笨，特别是内存占用量巨大的问题。它使用与Safari中一样的Nitro JavaScript引擎，大大提高了页面js执行速度。
切换方法

iOS微信6.5.3版本开始支持开发者手动切换WKWebview和UIWebview，使开发者可提前对WKWebview进行适配。

手动切换入口：

在微信会话列表页点击右上角“加号按钮”，选择菜单中的”添加朋友”，在添加朋友界面的搜索框中输入字符串：“:switchweb”，再点击键盘右下角搜索按钮。切换成功后会提示当前使用的内核是UIWebview或是WKWebview。

校验切换方法：

通过命令成功切换到WKWebview后，可通过以下方法验证当前网页使用的是否是WKWebview内核。

微信内任意入口进入任意网页，在网页加载成功后向下拉动页面（或点击网页右上角菜单按钮），使之显示出地址栏，当地址栏以 “此网页由” 开头即为当前使用WKWebview，若以“网页由”则是使用的UIWebview。

页面如何判断当前使用的webview内核：

在页面中可通过微信注入的window.__wxjs_is_wkwebview变量判断当前使用的webview内核。 iOS微信6.5.3及其之后的版本 window.__wxjs_is_wkwebview 为true时是使用WKWebview，为 false或者 “und

关注

专栏目录