开发指南/开发网页应用/开放能力/隐藏导航栏按钮 # 隐藏导航栏按钮该能力支持隐藏页面顶部左右两侧的导航栏按钮。 - showNavLBarBtn 参数用于隐藏左侧导航按钮。 - showNavRBarBtn 参数用于隐藏右侧导航按钮。 ## 隐藏左侧导航按钮 ### 注意事项隐藏左侧导航按钮的能力仅针对主页生效。如果进入次级页面，则会恢复显示，避免使用者误认为网页应用无法后退或关闭。 ### 支持说明当前能力在不同Lark客户端的版本支持情况。是否需要鉴权 | Android | iOS | PC | 预览效果 ---|---|---|---|--- 不需要 | V6.3 | V6.3 | **X** | 预览 ### 使用方式隐藏左侧导航按钮基于 web-meta 实现，参数配置如下表所示。 - 使用前，请先了解 [web-meta](https://open.larksuite.com/document/uYjL24iN/uMTMuMTMuMTM/web-app-open-ability/web-meta) 能力与使用方式。 - 如果不配置该参数，则默认显示左侧导航按钮。名称 | 数据类型 | 必填 | 描述 ---|---|---|--- name | String | 是 | 固定值：showNavLBarBtn content | String | 是 | 期望设定的左侧导航按钮效果。
可选值：
- `true`: 显示左侧导航按钮。
- `false`: 隐藏主页的左侧导航按钮。 ### 示例配置隐藏左侧导航按钮的能力仅针对主页生效，因此 page-meta 与 view-meta URL 方式效果一致，均仅针对主页生效。 #### 示例一：通过 \ 标签定义 page-meta 引入的 JSSDK 最新版本信息可参见[开发网页应用简介](https://open.larksuite.com/document/uYjL24iN/uMTMuMTMuMTM/introduction)。 ```html ``` #### 示例二：通过 URL 参数定义 page-meta ``` https://larksuite.com/?lk_meta=%7B%22page-meta%22%3A%7B%22showNavLBarBtn%22%3A%22false%22%7D%7D ``` #### 示例三：通过 URL 参数定义 view-meta ``` https://larksuite.com/?lk_meta=%7B%22view-meta%22%3A%7B%22showNavLBarBtn%22%3A%22false%22%7D%7D ``` ## 隐藏右侧导航按钮 ### 支持说明当前能力在不同Lark客户端的版本支持情况。是否需要鉴权 | Android | iOS | PC | 预览效果 ---|---|---|---|--- 不需要 | V6.3 | V6.3 | **X** | 预览 ### 使用方式隐藏右侧导航按钮基于 web-meta 实现，参数配置如下表所示。 - 使用前，请先了解 [web-meta](https://open.larksuite.com/document/uYjL24iN/uMTMuMTMuMTM/web-app-open-ability/web-meta) 能力与使用方式。 - 如果不配置该参数，则默认显示右侧导航按钮。名称 | 数据类型 | 必填 | 描述 ---|---|---|--- name | String | 是 | 固定值：showNavRBarBtn content | String | 是 | 期望设定的右侧导航按钮效果。
可选值：
- `true`: 显示右侧导航按钮。
- `false`: 隐藏右侧导航按钮。 ### 示例配置 #### 示例一：通过 \ 标签定义 page-meta 该配置方式仅针对当前页面生效，其中引入的 JSSDK 最新版本信息可参见[开发网页应用简介](https://open.larksuite.com/document/uYjL24iN/uMTMuMTMuMTM/introduction)。warning 加载 Web 页面会先经 URL 导航再解析渲染，因此网页应用默认会显示导航按钮，此时，``标签方式隐藏主页的导航按钮会闪烁出现，请自主评估是否影响用户体验。 ```html ``` #### 示例二：通过 URL 参数定义 page-meta 该配置方式仅针对当前页面生效。 ``` https://larksuite.com/?lk_meta=%7B%22page-meta%22%3A%7B%22showNavRBarBtn%22%3A%22false%22%7D%7D ``` #### 示例三：通过 URL 参数定义 view-meta 该配置方式针对整个应用生效。 ``` https://larksuite.com/?lk_meta=%7B%22view-meta%22%3A%7B%22showNavRBarBtn%22%3A%22false%22%7D%7D ```