HarmonyOS Web拦截网页动态添加请求头

动态拦截请求，在满足条件时动态给请求加请求头，按官方方法实现，发现白屏，网页无法打开

.onInterceptRequest((event) => {
  if (event) {
    console.log('url:' + event.request.getRequestUrl());
    let url: string = event.request.getRequestUrl();
    //this.responseWeb.setResponseIsReady(false);
    if (url.includes("jtg.com")) {
      if (!this.hasCustomHeader.has(url)) {
        PreferencesUtil.getUser().then(user => {
          if (user.ssoValue) {
            const cookie: string = `Cookie: ${user.ssoName}=${user.ssoValue}`
            Logger.info(TAG, `url:${url},PreferencesUtil:${cookie}`)
            webview.WebCookieManager.configCookieSync(url, cookie);
            this.hasCustomHeader.add((url))
            let headers: Header = {
              headerKey: user.ssoName,
              headerValue: user.ssoValue
            }
            this.heads.push(headers)
            this.responseWeb.setResponseHeader(this.heads);
            this.responseWeb.setResponseIsReady(true);
            Logger.info(TAG, `url:${url},setResponseIsReady:${cookie}`)
          } else {
            webview.WebCookieManager.clearAllCookies()
          }
        })
      }
    }
  }
  this.responseWeb.setResponseIsReady(false);
  return this.responseWeb;
})
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.

HarmonyOS

zbw_apple

2025-01-09 17:50:53

浏览

回答 1

按赞同

按时间

superinsect

请检查是否加了以下权限

Column() {
  Web({ src: "https://xxx", controller: this.webviewController })
    .onControllerAttached(() => {
      this.webviewController.setCustomUserAgent(this.userAgent)
    })//加上以下权限
    .fileAccess(true)
    .javaScriptAccess(true)
    .domStorageAccess(true)
    .onlineImageAccess(true)
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

添加请求头：

import { webview } from '@kit.ArkWeb';
@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Web({ src: 'www.huawei.com', controller: this.controller})
        .backgroundColor(Color.White)
        .onControllerAttached(() => {
          this.controller.setCustomUserAgent('Mozilla/5.0 (Linux; Android 9; VRD-AL10; HMSCore 6.3.0.331) ' +
            'AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.88 HuaweiBrowser/12.0.4.1 Mobile Safari/537.36')
        })
        .onLoadIntercept((event) => {
          if (!event){
            return
          }
          console.log('url====',event.data.getRequestUrl())
          if (event.data.getRequestUrl().includes('www.example')){
            this.controller.loadUrl($rawfile('detail.html'), [{
              headerKey: 'test',
              headerValue: '123456'
            }])
            return true
          }

          return false
        })
        .domStorageAccess(true)
        .javaScriptAccess(true)
        .imageAccess(true)
        .onlineImageAccess(true)
        .fileAccess(true)
        .mixedMode(MixedMode.All)
    }
  }
}
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.

2025-01-09 19:34:24

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS Web拦截网页动态添加请求头

订阅鸿蒙技术特刊，精选内容抢先看