webkit 功能设置主要是针对基于 webkit 内核的浏览器或者应用内嵌网页组件，调整内核渲染脚本缓存安全策略等相关参数，不同平台的 webkit 功能设置入口不一样，网页端一般通过 meta 标签和 JS 接口配置，桌面端应用和移动端 SDK 则需要在原生代码里修改内核参数。很多开发者搞不清 webkit 功能设置，是因为 webkit 不是单独一个软件，它是一套网页渲染内核，苹果 Safari 以及很多国产浏览器 APP 都在使用这套内核，没有统一的控制面板，配置方式会跟着宿主程序变化。学习 webkit 功能设置可以先区分网页层配置和原生宿主配置两大类，再分别掌握常用参数，然后测试页面渲染效果，最后排查兼容异常，就能完成对应的 webkit 功能设置。需要注意，部分 webkit 高级功能设置需要宿主应用开放权限，单纯网页代码无法修改底层内核开关。

两类配置方式对照表

网页层 webkit 功能设置详解

meta 标签基础配置

这是前端最常用的 webkit 功能设置方式，写在 html 头部，主要适配移动端 Safari，核心是设置视口，禁止缩放，识别手机号，这些是移动端页面必备的 webkit 适配配置。

JavaScript 相关特性调用

通过 JS 调用 webkit 前缀的实验属性，比如 webkitRequestAnimationFrame 动画帧，webkitFullscreen 全屏接口，这类带 webkit 前缀的 API 属于旧版 webkit 内核专属接口，新版标准已经替换成标准 API，新项目优先使用标准写法，老项目保留 webkit 前缀做兼容。

原生 WebView 的 webkit 功能设置详解

iOS WKWebView 配置

iOS 平台使用 WKWebView，属于新版 webkit 内核封装类，在 Swift 或者 OC 代码里面创建 WKWebViewConfiguration 对象，在这里开启 JavaScript，设置偏好，允许内联播放视频，关闭自动缩放，这些都属于核心的 webkit 功能设置项。

安卓 WebView 配置

安卓系统 WebView 底层内核会跟随系统更新，部分版本内核基于 webkit，在代码里调用 WebSettings 类，开启 JavaScript，设置缓存模式，允许 DOM 存储，启用硬件加速，完成对应的 webkit 功能设置。

常用可设置功能清单

启用或者禁用 JavaScript

开启硬件加速

配置缓存模式

自定义 UserAgent

设置页面缩放比例

开启全屏 API

允许跨域相关实验特性

设置字体渲染策略

实操设置步骤

第一步确认宿主环境，判断是网页页面还是 APP 内嵌 webview，选错层级会导致 webkit 功能设置不生效。

第二步打开对应配置文件，网页就修改 html 头部，原生工程就找到 webview 初始化代码。

第三步写入对应的配置参数，保留注释标记每一项 webkit 功能设置的作用。

第四步运行测试，打开目标页面，检查渲染动画交互是否符合预期。

第五步异常排查，如果设置无效，优先检查宿主是否屏蔽该参数，内核版本是否已经废弃这个 webkit 前缀接口。

重要注意事项

webkit 前缀接口很多已经被 W3C 标准淘汰，新内核会逐步移除旧实验属性，长期项目不要过度依赖私有 webkit 接口，尽量使用标准 web API，webkit 功能设置只作为兼容老设备的补充方案。

【常见问题】

问题 1 webkit 功能怎么设置之后不生效是什么原因？

回答 1 webkit 功能设置不生效一般有三种情况，第一是内核版本已经废弃这个私有接口，第二是宿主应用本身锁死参数不允许修改，第三是网页层配置写法错误，需要核对代码并且升级内核测试。

问题 2 webkit 功能怎么设置才能开启硬件加速？

回答 2 如果是原生 webview，就在初始化配置里面开启硬件加速选项，如果是网页层，通过 css 属性配合 webkit 相关渲染参数开启，注意部分低版本设备开启 webkit 硬件加速会出现画面闪烁。

问题 3 webkit 功能怎么设置可以兼容旧版 Safari？

回答 3 做 webkit 功能设置兼容旧版 Safari 的时候，保留 webkit 前缀 API，同时加上标准 API 兜底，增加特性检测，判断当前内核是否支持这个 webkit 接口，不支持就切换备用方案。

【免责申明】

本文内容仅作为技术学习参考，不同版本 webkit 内核以及不同宿主应用参数存在差异，正式项目请以官方开发文档为准，修改内核参数前建议做好备份与灰度测试。