不能直接用rich-text渲染协议html，因其仅支持有限内联标签（如p、strong），会丢弃style/script/table等关键标签；web-view加载本地html需用/static/开头的绝对路径，并配置viewport确保缩放可用。
直接用 <web-view></web-view> 组件加载本地 HTML 文件是最稳妥、最符合平台规范的方式，rich-text 仅适合极简 HTML 片段，且不支持 script/style/iframe 等关键标签。
为什么不能直接用 rich-text 渲染协议 HTML
rich-text 本质是 Vue 模板解析器的轻量替代，它只支持有限的内联标签（如 <p></p>、<strong></strong>、<ul></ul>），遇到 <style></style>、<script></script>、<table> 或自定义 class 会直接丢弃或报错。协议页通常含样式、段落缩进、列表嵌套甚至响应式布局，<code>rich-text 一加载就“变样”或空白。
- 常见错误现象：
rich-text显示为空白，或只渲染出纯文本，无任何格式 - 使用场景：仅限后台返回的、已过滤过且仅含基础语义标签的富文本（比如客服消息）
- 性能影响：看似轻量，但对复杂 HTML 做预处理（转义、节点树构建）反而比直接 WebView 加载更耗时
web-view 加载 static 下的 HTML 必须用绝对路径
App 平台（iOS/Android）的 <web-view></web-view> 不认相对路径，也不走 webpack 构建流程，必须写成以 /static/xxx.html 开头的绝对路径，否则加载失败，控制台报 net::ERR_FILE_NOT_FOUND。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 正确写法：
this.url = '/static/privacy.html'（注意开头的/） - 错误写法：
'static/privacy.html'、'./static/privacy.html'、'../static/privacy.html' - 路径来源：HTML 文件必须放在项目根目录下的
static/目录，不能放assets/或src/下 - 调试技巧：真机调试时，可在
uni-app控制台执行plus.io.resolveLocalFileSystemURL('_www/static/privacy.html')验证文件是否存在
跳转 WebView 页面时传参要 decodeURIComponent
URL 参数会被自动 encode，如果协议路径含中文或特殊符号（如 用户协议.html），不 decode 就会变成乱码路径，导致 web-view 加载失败。
- 必须在目标页面的
onLoad中处理：this.url = decodeURIComponent(options.url) - 常见错误现象：
web-view显示 “找不到网页”，控制台报Failed to load resource: The requested URL was not found on this server. - 不要依赖
options.url.split('/').pop()这类字符串操作——它在中文路径下会截断失败 - 如果路径固定，建议直接在页面 data 里写死，避免传参环节出错
App 端 web-view 的样式和交互限制
<web-view></web-view> 在 App 里是原生 Webview 实例，不是 WebView 组件模拟层，所以 CSS 和 JS 行为与系统浏览器一致，但也因此无法通过 Vue 指令控制其内部 DOM。
- 无法用
v-if切换<web-view></web-view>的src，必须用v-show或重新创建实例 - 不能给
<web-view></web-view>设置height或overflow—— 它默认撑满整个页面区域 - 若需滚动控制或缩放，得在 HTML 文件内用
<meta name="viewport">配置，例如：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"> - 注意：iOS 上默认禁用双指缩放，必须显式开启
user-scalable=yes，否则用户无法放大查看小字条款
最易被忽略的是 viewport 配置和路径开头的斜杠——这两个点错一个，协议页就白做了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
