HarmonyOS webview内部history问题

webview内使用location.href导航后，window.history没有增加记录，导致无法返回。

HarmonyOS

zxjiu

2024-09-05 10:25:02

浏览

回答 1

按赞同

按时间

zbw_apple

web内回退示例demo。

import webview from '@ohos.web.webview'; 
import { BusinessError } from '@ohos.base'; 
import router from '@ohos.router'; 
 
@Entry 
@Component 
struct WebViewPage { 
  @State canBackward: boolean = false; 
  @State canForward: boolean = false; 
  controller: webview.WebviewController = new webview.WebviewController(); 
 
  build() { 
    Row() { 
      Column() { 
        Button('Back').onClick(() => { 
          router.back(); 
        }); 
 
 
        Row() { 
          if (this.canBackward) { 
            Button('web内回退').onClick(() => { 
              this.controller.backOrForward(-1); 
            }); 
          } 
          if (this.canForward) { 
            Button('web内前进').onClick(() => { 
              this.controller.backOrForward(1); 
            }); 
          } 
        } 
 
        Web({ src: $rawfile('index4.html'), controller: this.controller }) 
          .javaScriptAccess(true) 
          .fileAccess(true) 
          .backgroundColor(Color.Grey) 
          .onConsole(event => { 
            console.warn('...onConsole: ' + event?.message.getMessage()); 
            return true; 
          }) 
          .onTitleReceive((event) => { 
            //两个方案 
            let list = this.controller.getBackForwardEntries(); 
            // this.canBackward = list.currentIndex > 0; 
            // this.canForward = list.currentIndex < list.size - 1; 
            this.canBackward = this.controller.accessStep(-1); 
            this.canForward = this.controller.accessStep(1); 
            console.warn('...WebViewPage onTitleReceive, accessBackward:' + this.canBackward); 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
} 
<html> 
  <meta charset="utf-8"> 
  <body> 
  <div style="margin: 100 0 0 200;"> 
  <button type="button" onclick="goNewWeb()">location.href跳转页面</button> 
  </div> 
  <div style="margin: 40 0 0 200;"> 
  <a href="./index.html">a标签跳转页面</a> 
  </div> 
 
  <div style="margin: 40 0 0 200;">Hello, index4.html</div> 
 
  </body> 
  <script type="text/javascript"> 
  function goNewWeb(){ 
    console.warn('...index4 goNewWeb'); 
    location.href = './index.html'; 
  } 
  </script> 
 
  </html>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.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.

2024-09-05 18:26:30

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

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS webview内部history问题

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