uniapp应用中使web-view页面(webview)返回上一页+注入js操作页面元素

发布时间：2020-07-11 21:42:52 作者：Mos 阅读量：1959

体验应用：847影视安卓版、847影视苹果版。

1、体验应用页面代码：

<template>
  <view>
    <web-view :webview-styles="webviewStyles" src="https://movie.i847.cn"></web-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      webviewStyles: {
        progress: {
          color: "#0bbe06"
        }
      }
    };
  },
  onReady() {
    var currentWebview = this.$scope.$getAppWebview().children()[0];
    currentWebview.addEventListener("loaded", function() {
      currentWebview.evalJS(
        "$(\"ul.fed-part-rows a[href*='resource.i847.cn']\").parent().hide();"
      );
    });
  },
  onBackPress(e) {
    this.$scope
      .$getAppWebview()
      .children()[0]
      .back();
    return true;
  }
};
</script>

2、代码解析：

var currentWebview = this.$scope.$getAppWebview().children()[0];

获取页面webview对象。

onReady() {
    var currentWebview = this.$scope.$getAppWebview().children()[0];
    currentWebview.addEventListener("loaded", function() {
      currentWebview.evalJS(
        "$(\"ul.fed-part-rows a[href*='resource.i847.cn']\").parent().hide();"
      );
    });
  },

监听webview页面加载完成事件，每次加载或跳转页面后都会执行，这里监听完成后给页面注入了一段js代码来隐藏元素。

  onBackPress(e) {
    this.$scope
      .$getAppWebview()
      .children()[0]
      .back();
    return true;
  }

重写app返回事件，让app返回时触发webview页面返回到上一页。

我要评论

网友评论

---

---

---

---

猜你想搜

父子页面通信

微信小程序苹果iOS长按图片无法转发、发送给朋友、保存，它们无效的解决办法

同名同姓查询，姓名查重，名字查重小程序，看看与你同名同姓的人有多少。

互联网智慧社区解决方案

微信公众号菜单栏设置直接打电话拨号

Squoosh在线无损图片压缩工具中文版，JPG/webP/PNG/互转

shardingjdbc分库分表测试

JdkSerializationRedisSerializer、GenericJackson2JsonRedisSerializer、Jackson2JsonRedisSerializer序列化效率

你的手机还不能访问google.com吗！(插件在电脑谷歌浏览通用)

哪里可以买到邮票？

dplayer + m3u8+ p2p加速

抖音视频去水印

html标签鼠标移入显示复制，点击复制内容到剪贴板，适合文章中的代码(pre标签)复制

中国的自卫反击战,它是在我国的自卫型的国防的类型情况之下，受到了侵犯和欺负，在忍无可忍情况之下我国进行的（）反击。

现代国防是多维（）化国防。

习近平总书记指出,能否做好()工作,事关党的前途命运,事关国家长治久安,事关民族凝聚力和向心力。

歌手这一称呼乐于被很多唱歌的人使用，因为他更接近（）。

未来地铁及BRT的一个替代品是以下哪一选项？（）

禁止系统自动更新Windows Update Blocker v1.5 汉化版

uniapp应用中使web-view页面(webview)返回上一页+注入js操作页面元素

重置联通光猫KD-YUN-811G管理员密码桥接到路由器拨号上网

想飞的钢琴少年

kindeditor粘贴时自动同步上传图片，自动同步上传截图

kindeditor-plus

shardingjdbc分库分表JdkSerializationRedisSerializerGenericJackson2JsonRedisSerializerJackson2JsonRedisSerializer序列化效率访问google.comKiwi Browser邮票买邮票附近买邮票dplayerm3u8p2p加速抖音视频去水印微信jssdk本地图片file上传虚拟机centos静态IP外网kindeditor图片上传h5javamysql数据库备份与恢复抓取诊断socket农村空气能水暖手机网页悬浮底部广告带关闭开关jxbrowser压缩htmljava酷Q机器人Java数据库恢复电影想飞的钢琴少年网址提交ptcms仿蜻蜓听书PC移动源码修复版采集规则网站运营失败EnMicroMsg.db三体三体剧情简介定时任务禁止系统自动更新万兴PDF专家WPS农村房屋取暖方式超新约全书