WebView返回上一页的实现

最新推荐文章于 2023-07-31 15:42:18 发布
最新推荐文章于 2023-07-31 15:42:18 发布
阅读量1.9k 收藏
点赞数 1
分类专栏： Android 文章标签： webview android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/loveli1991/article/details/17006209
版权

1、实现接口：KeyEvent.Callback

2、重写onKeyDown()方法：

     if((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()){

           webview.goBack();

           return true;

     }

     return false;

Snlole
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用WebView实现浏览器功能
11-07
三个Button,一个EditText，一个WebView实现输入网址打开网址，返回后退功能
Android WebView自定义长按选择实现收藏/分享选中文本功能
01-05
效果图（1.3M） 一、前言 ** 戳这里可以去DEMO，来吧 ** 相信刚接触android不久的同志们，在面对产品提出的 ：  “自定义WebView页面中，长按文本的弹出选项、点击选择后，分享、转发、收藏选择文本” 这样的需求时，第一反应大部分是：这是系统行为，如果实现需要在web端实现。 但是web端实现的局限性太大，曾经也有过监听系统粘贴板，在用户点击复制的时候实现其他的逻辑，但是这样用户体验不好，所以自定义WebView中长按的弹出菜单，并在点击时返回选中文本的小控件闪亮登场┏ (^ω^)=。 二、自定义长按弹出菜单 这一步实现其实很简单，首先创建一个CustomActionWe
Android中替换WebView加载网页失败时的页面
01-20
我们用webView去请求一个网页链接的时候，如果请求网页失败或无网络的情况下，它会返回给我们这样一个页面，如下图所示：   上面这个页面就是系统自带的页面，你觉得是不是很丑？反正小编本人觉得非常丑，很难看，于是乎小编就在想能不能自定义一个页面，当数据请求失败时让系统来加载我们自定义好的页面？上网查了很多资料，都没有关于这个问题的解决方法（反正我是没有找到），经过小编的不断琢磨，今天终于实现了这个功能。以下就是本人自定义实现的数据加载失败时的页面：   这样看起来是不是觉得很高大尚。这和我们真正拿到数据接口做出来的效果完全一样。对于用户来说这样的体验也是很完美的。 **全部代码： 一、主
android studio使用NanoHTTPD 创建 http 服务器打开html并使用webView打开页面
07-22
android studio使用NanoHTTPD 创建 http 服务器打开html并使用webView打开页面
Vue项目根治IOS微信web中，输入项blur之后页面不回落的问题
01-03
向大佬们偷师那么多技能后，终于我也能装一回大佬了！第一次发帖，有点激动，哈哈哈哈！ 如题，不知道这个问题困扰各位WEBer多久了，反正我是跟它纠缠两三年了，最近开始真正学一下前端（本人赤脚医生，见笑了），终于找到了在Vue下彻底解决的方案，废话少说，先上代码： // 注册Vue全局指令 Vue.directive('wx-blur-bug',{ bind:function(el){ //在绑定的时候，添加一次监听就够了 let agent=window.navigator.userAgent.toLowerCase() if(agent.match(/\(i[^;]+;(
解决webview调用goBack()返回上一页自动刷新闪白的情况
08-31
本文主要介绍了解决webview调用goBack()返回上一页自动刷新闪白的情况。具有很好的参考价值。下面跟着小编一起来看下吧
webview在fragment中返回上一页,退出.
qq_38373150的博客
03-29 959
webView.setOnKeyListener(new View.OnKeyListener() { @Override public boolean onKey(View v, int keyCode, KeyEvent event) { if(keyCode==KeyEvent.KEYCODE_BACK&&event.getRepeatCoun...
iOS学习-webView点击返回，返回到上一个web界面，H5页面goBack事件
qq_43441647的博客
07-31 1060
iOS，H5页面goBack事件，webView点击返回，返回到上一个web界面
解决uniapp中web-view在手机端需点击两次才能返回上一页
gluttony_coder的博客
11-17 3649
问题：web-view组件在app端需返回两次才能返回上一页，在小程序和H5返回正常。通过js的方式创建web-view进行返回。
android studio中Fragment使用webview返回上一页的问题
weixin_30632883的博客
07-14 474
在Fragment中使用了腾讯的X5 webview,虽然好用,但是在Fragment中传递消息困难,想要返回上一页,还得各种消息传递什么的,麻烦.可是在Fragment中又不能使用onKeyDown,那怎么办了? 哎,我是太菜了,也不想动脑子,那就在Fragment的最上面加了一个标题栏,里面放了一个textView标签,监听点击事件,用户点击时,就退回上一页,简单便捷,反正解决了问题就行. ...
Android中WebView返回到上一个网页
04-26
最近写项目，有个功能是webView中的网页返回到上个页面，我在网上找了一下，总结了一下，把demo上传到这，和大家分享学习
Android使用WebView调用H5完成摄像头扫描二维码
11-04
Android APP使用WebView调用H5页面完成摄像头扫描二维码 项目使用Android Studio，打开项目可以直接运行，用过的都说好：）
Flutter-通过返回按钮，返回到webview的上一页
qq_41256253的博客
06-22 1095
在Webview中，通过返回按钮或者右滑返回，默认会返回上一个原生页面而不是上一个webview页面，如果希望拦截该操作，可以在Webview组件外包裹一层WillPopScope组件。
WebView返回上一级页面
a34927341的博客
12-29 6406
@Override public void onBackPressed() { if (webView.canGoBack()){ if(webView.getUrl().equals(webUrl)){ super.onBackPressed(); }else{ w
如果在WebView中按下后退按钮，如何返回上一页？
xfxf996的博客
07-02 1690
I have an app in which I have a WebView where I display some websites. 我有一个应用程序，其中有一个WebView ，可以显示一
android中加载webview自定义的返回键具有返回上一页的功能
热门推荐
专注Java，Android领域开发
10-09 1万+
在android开发中我们有时候根据项目的需求多少会加载一些webview，加载webview，我们有时候会根据UI来自定义返回键··而这返回键是在webview中具有返回上一页的功能，现在我们就来实现它。先看最基本的按手机返回键·需要返回上一页的功能·我们一般是这样子做的· public boolean onKeyDown(int keyCode, KeyEvent event) {
Android 开发之webview页面返回到最顶关闭
li851665700的专栏
07-03 7910
 public class MyWebViewActivity extends Activity { private Context context = this; // 底部菜单View //public static View bottomView; private WebViewProgressBar webView; private String url; p
android webview 返回前一页,Android WebView返回上一页时重新加载导致页面刷新的问题...
weixin_30709179的博客
05-26 2621
最近碰到一个需求，用WebView加载页面，选择了筛选条件之后，跳转到新的webVIew页面之后再返回，原来的筛选条件由于页面刷新导致已经清空，怎样才能解决返回的时候不去重新加载页面呢，网上很多答案是设置webView页面缓存，但是对部分h5页面还是没有效果。也有的博客说可以每次跳转到新的url的时候，可以addView 一个webView,返回的时候就回到上一个webView，这种方法是可行的，...
uniapp使web-view页面(webview)返回上一页+注入js操作页面元素
weixin_43066287的博客
07-19 3458
uniapp使web-view页面(webview)返回上一页+注入js操作页面元素
uniapp webview返回上一页
最新发布
08-30
在 UniApp 中，要在 WebView 中实现返回上一页的功能，可以通过以下步骤来实现： 1. 在使用 WebView 的页面中，引入 `uni.navigateBack()` 方法，该方法用于返回上一页。 2. 在 WebView 页面中，监听 WebView 的回退事件。可以通过 `onmessage` 或 `postMessage` 方法来实现。 3. 在 WebView 页面中，当需要返回上一页时，通过 `window.postMessage()` 方法向父页面发送消息。 4. 在父页面中，监听 WebView 页面发送的消息，并调用 `uni.navigateBack()` 方法实现返回上一页的功能。 下面是一个示例代码： WebView 页面中的代码： ```html <template> <web-view src="https://example.com" @message="handleMessage"></web-view> </template> <script> export default { methods: { handleMessage(event) { // 监听 WebView 页面发送的消息 if (event.detail.data === 'back') { // 当接收到消息为 'back' 时，调用 uni.navigateBack() 返回上一页 uni.navigateBack() } } } } </script> ``` 父页面中的代码： ```html <template> <view> <button @click="openWebView">打开 WebView</button> </view> </template> <script> export default { methods: { openWebView() { uni.navigateTo({ url: '/pages/webview/index' }) } }, onmessage(event) { // 监听 WebView 页面发送的消息 if (event.detail.data === 'back') { // 当接收到消息为 'back' 时，调用 uni.navigateBack() 返回上一页 uni.navigateBack() } } } </script> ``` 这样，在 WebView 页面中，当需要返回上一页时，可以通过 `window.postMessage('back')` 方法向父页面发送消息，父页面监听到消息后，调用 `uni.navigateBack()` 方法即可实现返回上一页的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值