Web组件如何获取和设置UserAgent

HarmonyOS

cbaby

2024-03-17 17:46:31

浏览

回答 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%') 
  } 
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.