Web组件如何获取和设置UserAgent

HarmonyOS

cbaby

2024-03-17 17:46:31

浏览

回答 1

待解决

回答 1

按赞同

按时间

netos

通过getUserAgent()接口可以获取默认用户代理，getCustomUserAgent()和setCustomUserAgent()接口可以获取和设置自定义用户代理。参考代码如下：

import { webview } from '@kit.ArkWeb'; 
@Entry 
@Component 
struct Index { 
  controller: webview.WebviewController = new webview.WebviewController(); 
  @State customUserAgent: string = ''; 
  @State userAgent: string = ''; 
 
  aboutToAppear(): void { 
    webview.once('webInited', () => { 
      try { 
        // 初始化完成时获取UserAgent。 
        // Mozilla/5.0 (Phone; OpenHarmony 4.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36  ArkWeb/4.1.6.1 Mobile 
        this.userAgent = this.controller.getUserAgent();   
      } catch (error) { 
        console.error(`get init UserAgent Error: ${JSON.stringify(error)}`); 
      } 
    }) 
  } 
 
  build() { 
    Column() { 
      Web({ src: 'www.example.com', controller: this.controller }) 
        .width('100%') 
        .layoutWeight(1) 
      Column({ space: 12 }) { 
        Text('自定义用户代理：' + this.customUserAgent) 
          .width('100%') 
          .margin({ top: 20 }) 
        Text('默认用户代理：' + this.userAgent) 
          .width('100%') 
        Button('设置自定义用户代理') 
          .onClick(() => { 
            try { 
              let userAgent = this.customUserAgent.length > 0 ? this.customUserAgent : this.userAgent; 
              this.controller.setCustomUserAgent(userAgent + ' test'); 
            } catch (error) { 
              console.error(`setCustomUserAgent Error: ${JSON.stringify(error)}`); 
            } 
          }) 
        Button('获取自定义用户代理') 
          .onClick(() => { 
            try { 
              this.customUserAgent = this.controller.getCustomUserAgent(); 
              console.log('getCustomUserAgent Success, userAgent: ' + this.userAgent); 
            } catch (error) { 
              console.error(`getCustomUserAgent Error: ${JSON.stringify(error)}`); 
            } 
          }) 
        Button('默认用户代理') 
          .onClick(() => { 
            try { 
              this.userAgent = this.controller.getUserAgent(); 
              console.log('getUserAgent Success, userAgent: ' + this.userAgent); 
            } catch (error) { 
              console.error(`getUserAgent Error: ${JSON.stringify(error)}`); 
            } 
          }) 
      } 
      .width('100%') 
    } 
    .width('100%') 
    .height('100%') 
  } 
}

参考链接

getUserAgent()

setCustomUserAgent()

getCustomUserAgent()