pdf 2024-07-16

隐藏工具栏：在url 后面增加#nameddest=test&toolbar=0&navpanes=0

例如：https:www.test.com/file.pdf
隐藏工具栏：采用https:www.test.com/file.pdf#toolbar=0

• toolbar 顶部工具栏
• navpanes 左边侧边栏
• 渲染问题：注意设置domStorageAccess 为true ,否则显示不了pdf
• encodeURI 可以处理url 中文问题，但是鸿蒙默认支持中文url ，所以不需处理

image.png

参考代码：

export  struct WebComponent {
  private  controller:webview.WebviewController = new webview.WebviewController()
  // private schemeHandle: webview.WebSchemeHandler = new webview.WebSchemeHandler()
  @State urlFile:string = ''

  aboutToAppear(): void {
    const temp = encodeURI(this.urlFile + '#toolbar=1')
    console.log(temp)
  }

  build() {
    Row(){
      Web({src:encodeURI(this.urlFile + '#toolbar=0'),controller:this.controller})
        .onProgressChange((event)=>{
          const p = event?.newProgress;
        })
        .onErrorReceive((event)=>{
           console.log(event?.error.getErrorInfo())
        })
        .onHttpErrorReceive((event)=>{
          console.log(event?.response.getResponseCode().toString())
        })
        .domStorageAccess(true)
        .horizontalScrollBarAccess(false)



    }
    .width('100%')
    .height('100%')
  }
}