输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
文档管理中心

HarmonyOS

输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
FAQ
FAQ应用框架开发Web框架Web开发（ArkWeb）PDF预览如何隐藏PDF操作按钮栏

PDF预览如何隐藏PDF操作按钮栏

更新时间: 2026-06-26 09:07

解决措施

在URL中加入#toolbar=0&navpanes=0参数即可隐藏PDF操作栏按钮。

参考代码

收起
自动换行
深色代码主题
复制
  1. import { webview } from '@kit.ArkWeb';
  2. 

  3. @Entry
  4. @Component
  5. struct HidePDFToolbar {
  6.   controller: webview.WebviewController = new webview.WebviewController();
  7. 

  8.   build() {
  9.     Column() {
  10.       // Hide the toolbar (toolbar=0) and navigation pane (navpanes=0) through URL parameters
  11.       Web({ src: 'resource://rawfile/test.pdf#toolbar=0&navpanes=0', controller: this.controller })
  12.         .domStorageAccess(true)
  13.         .width('100%')
  14.         .height('100%')
  15.     }
  16.     .width('100%')
  17.     .height('100%')
  18.   }
  19. }
动态创建web组件应该在什么场景下使用，性能如何
如何解决webview离线加载白屏问题
相关推荐
文档PdfView如何禁用缩放
文档设置PDF文档预览效果
文档预览PDF文档
文档如何实现PDF的预览缩略图
文档PDFView拖拽能力
文档Navigation如何隐藏导航栏
文档打开和保存PDF文档
文档剪贴板粘贴框遮挡智能填充选择框
文档添加、删除PDF页
文档PDF文档支持在线预览吗？
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明
在 FAQ 中进行搜索
请输入您想要搜索的关键词