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;
}
评论时间:2021-05-06 11:58:12
大佬,怎么获取web-view history的长度
Mos
评论时间:2020-09-27 13:06:59
关于返回不到原来的uni页面,提供一种思路:可以试一试在onBackPress里面判断webview页面的history的长度,如果存在hostory再back,不存在就作不处理。
欢迎解决的了来评论一下。
linke
评论时间:2020-09-18 15:43:46
内部确实可以跳转,不过返回不到原来的uni页面
评论时间:2020-09-18 15:37:00
返回不了最初的uni页面
评论时间:2020-09-18 15:36:20
webview内部可以跳转,但是返回不到最初的uni的页面,是哪里出了毛病呢