uniapp应用中使web-view页面(webview)返回上一页+注入js操作页面元素
发布时间：2020-07-11 21:42:52 作者：Mos 阅读量：11316
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;
}
赏
支付宝打赏
微信打赏
支付宝打赏
微信打赏
运营者工具
