鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 2024年软考 PMP项目管理软考资讯

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

Web中如何判断是否发生重定向

在web组件里没有关于判断是否发生重定向的方法，当重定向后url发生了改变之后无法察觉。

HarmonyOS

2024-05-26 18:01:55

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

使用的相关API

onLoadIntercept

核心代码解释

import web_webview from '@ohos.web.webview' 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
  mode:boolean=false 
  build() { 
    Column() { 
      Web({ src: $rawfile('t1.html'), controller: this.controller }) 
        .onLoadIntercept((event) => { 
          if(event.data.isRedirect()){ 
            //判断服务端重定向 
            this.mode=false 
            //this.mode=true 
            //用于判断是否阻止加载 
          } 
          if (event.data.getRequestUrl().match('rawfile')){ 
            //根据资源文件所在的文件夹或者其它url含有的目录信息判断 
            this.mode=false 
            //this.mode=true 
            //用于判断是否阻止加载 
          } 
          if (event.data.getRequestUrl().match('tel:')){ 
            //判断特殊的协议，比如是tel等mailto等 
            this.mode=false 
            //this.mode=true 
            //用于判断是否阻止加载 
          } 
          console.log('ssss: '+event.data.getRequestUrl()) 
          return this.mode 
        }) 
 
    } 
  } 
}

使用web组件加载本地html，在html里进行跳转操作模拟发生了重定向，html代码如下：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
</head> 
<body> 
<div id="root"> 
    这是第一个页面 
    <a href="../i2.html">点击这里跳转到目标HTML文件</a> 
</div> 
</body> 
</html>
<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
</head> 
<body> 
<div id="root"> 
    这是第二个页面 
</div> 
</body> 
</html>

实现效果

跳转后可以拦截到url，用来判断发生重定向。

回复

2024-05-27 22:52:15

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

发布

相关问题

windows下apache端口80怎么重定向443端口？

2093浏览 • 1回复待解决

如何判断Web组件是否全屏

684浏览 • 1回复待解决

Web组件如何判断网址是否加载成功

797浏览 • 1回复待解决

三方开源库日志定位,三方开源库中printf打印的信息如何重定向到文件或者控制台

554浏览 • 1回复待解决

如何判断JS对象中是否存在某个值

617浏览 • 1回复待解决

如何判断HAP是否安装

612浏览 • 1回复待解决

web组件加载发生错误对应错误码如何获取

185浏览 • 1回复待解决

web页面判断是在上滑和下滑以及是否滑动到底

415浏览 • 1回复待解决

如何判断一个对象是否在对象数组中

725浏览 • 1回复待解决

如何实现Web组件滚动与页面顶部/底部判断？

307浏览 • 1回复待解决

如何判断是否为主线程？

302浏览 • 1回复待解决

如何判断router.getParams()中的某个字段是否存在

843浏览 • 1回复待解决

Kubernetes Helm 模板中如何根据某个值是否存在进行 if/else 判断?

1631浏览 • 1回复待解决

如何判断软键盘是否弹出

652浏览 • 1回复待解决

如何判断har是否被混淆了？

348浏览 • 1回复待解决

鸿蒙应用如何判断是否使用debug签名?

1799浏览 • 1回复待解决

Web中如何创建定位授权弹窗

651浏览 • 1回复待解决

如何判断当前线程是否是主线程

748浏览 • 1回复待解决

怎么判断OpenHarmony设备中的应用是否为常驻应用？

1373浏览 • 0回复待解决

BundleInfo.appInfo.accessTokenId使用过程中是否会发生变化

633浏览 • 1回复待解决

Linux中Shell脚本判断文件或文件夹是否存方法

4288浏览 • 0回复待解决

如何判断某个应用是否为系统应用

640浏览 • 1回复待解决

如何判断已安装应用是否可卸载

604浏览 • 1回复待解决

鸿蒙APP如何判断是否安装了某个Android APP

11428浏览 • 2回复待解决

socket库如何判断当前连接是否正常或可用

222浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

利用eBPF实现socket level重定向 0回复

Python库Flask之“ / ”的重定向行为测试 0回复

在android应用中，代码如何判断是否是harmony系统还是android系 1回复

技术干货| 如何运用 MongoDB 分析与判断内存是否缺少？ 0回复

[勘误篇] 图解eBPF socket level 重定向的内核实现细节 0回复

Copyright © 2005-2024 51CTO.COM 京ICP证060544版权所有未经许可请勿转载