微信浏览器使用安卓的回退按钮问题？

最新推荐文章于 2023-06-20 19:25:52 发布
原创 最新推荐文章于 2023-06-20 19:25:52 发布 · 2.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#浏览器 #android #微信 #手机 #界面

本文讨论了通过设置HTTP头部来实现界面缓存清空的方法，但该做法会导致安卓设备在点击回退按钮时遇到无法找到网页的问题。文章提出了解决方案，即安卓设备在页面中进行刷新而不删除缓存。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

首先：界面使用了（清空界面缓存）

response.setHeader("Cache-Control","no-store"); 
response.setHeader("Pragrma","no-cache"); 
response.setDateHeader("Expires",0);

这样导致安卓手机，在点击回退按钮的时候出现 找不到网页

只能安卓手机不删除缓存，在页面中刷新！

微信小程序 --- 使用wx.redirectTo(OBJECT)跳转页面安卓返回按钮异常问题（监听安卓返回键操作，监听小程序左上角返回按钮）
删库跑路
08-11 1万+
先看看官方文档对wx.navigateBack的使用解释 wx.navigateBack(OBJECT) 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。 OBJECT 参数说明： 参数 类型 默认值 说明 delta Number 1 返回的页面数，如果 delta 大于现有页面数，则返回到首...
微信android返回上一页位置,解决微信内置浏览器返回上一页强制刷新问题方法...
weixin_36192634的博客
05-29 1246
微信内置浏览器在返回上一页面，且上一页面包含AJAX代码时，页面就会被强制刷新，极度影响用户体验。而我们想要的效果是：返回上一页面时，页面还停留在原来的状态，AJAX获取到的数据还在，滚动条也在原来的位置。BINGO~通过HTML5的history API + 缓存可以做到这一点。执行原理：1.0、通过history API的 history.pushState或 history.replaceS...
vue实现微信浏览器左上角返回按钮拦截功能
10-15
主要介绍了vue实现微信浏览器左上角返回按钮拦截功能,本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
js监听微信浏览器返回按钮事件
糖果云专栏
01-08 5116
pushHistory(); window.addEventListener("popstate", function(e) { alert("好嗨哟，感觉到达了人生巅峰！");//根据自己的需求实现的功能 }, false); function pushHistory() { var state = { title: "title", ...
android 浏览器弹窗,完美解决微信浏览器后退弹窗对于ios和android的兼容
weixin_33924688的博客
05-26 733
使用场景：在微信浏览器点击后退按钮，页面弹窗提示用户“确定离开吗”，确定则离开微信，取消则停留在当前页面，隐藏弹窗。该效果主要是利用js的popstate事件，由于ios和android对页面js脚本运行机制的不同，会出现很棘手的兼容性问题，以下是自己总结出的解决两者兼容性的处理方法：//在页面初始化时，加入一个空连接pushHistory();//让窗口监听popstate事件window.ad...
微信浏览器左上角返回按钮监听的实现
11-21
微信开发的时候，在公众号菜单中打开一个H5页面(如：个人中心)，在这个页面上的一些操作，经过多次跳转后，点击左上角的返回按钮，发现会原封不动的返回至上一级页面。 即 公众号菜单->A->B->C，点击返回后，返回了B...
解决微信内置浏览器返回上一页强制刷新问题方法
12-02
微信内置浏览器在返回上一页面，且上一页面包含AJAX代码时，页面就会被强制刷新，极度影响用户体验。而我们想要的效果是：返回上一页面时，页面还停留在原来的状态，AJAX获取到的数据还在，滚动条也在原来的位置。 ...
解决微信授权成功后点击按返回键出现空白页和报错的问题
11-20
微信授权我是 在index.vue做的授权，是一个空白页，因为授权需要回调所以这个页面会刷新两次，当我们授权成功进入主页面后，点击返回键或者点击手机的物理返回键，因为浏览器history机制，按物理返回或者返回肯定是...
vue中解决微信html5原生ios虚拟键返回不刷新问题
01-18
做微信h5页面时，经过了微信授权才跳转到一级默认路由home.vue中，因此在home页面时在IOS中底部会出现虚拟的返回键，安卓上不会出现。且在IOS点击返回时会跳转到home空白页面不重新加载，但是在安卓机上点击返回键会...
Android studio心得——用fragment仿微信APP
2301_77275933的博客
06-20 2252
在Android Studio的学习过程中，我获得了丰富的知识、技能和经验。fragment是一种控制器对象，activity可委派它完成一些任务，通常这些任务就是管理用户界面，受管理的用户界面可以是一整屏或是整屏的一部分，管理用户界面的fragment又称Ul fragment 它也有自己的布局文件视图，fragment视图包含了用户可以交互的可视化的UI元素，activity视图含有可供fragment视图插入的位置，如果有多个fragment要插入,activity视图也可以提供多个位置。
android 按钮点击返回顶部,微信浏览器点击系统返回，安卓返回会重载页面回到页面顶部，iOS则返回则会保留之前浏览位置的解决方法...
weixin_30068505的博客
05-26 402
后续补我框好串端题近还架比作和和近还架比作和和充： 页面css设置了height： 100%，来避免使用fixed定位弹窗引起的部分机型兼容问题，因此会在返回的时候回到页面顶部，补充解决办法： 在弹窗出现的时候在设置100%高度，并让文档滚动到之前滚动的位置，弹窗关闭的时候取消高度限制，bo新都过宗制前待断能和下使以近调喜接，器端续的对滚，用让近调喜接，器端续的对滚，用让近调喜接，器端续的对滚，用...
微信浏览器 大部分浏览器的回退问题
刘振兴的博客
09-13 1716
<script type="text/javascript"> XBack = {}; (function(XBack) { XBack.STATE = 'x - back'; XBack.element; XBack.onPopState = function
html5 微信返回按钮,vue中解决微信html5原生ios虚拟键返回不刷新问题
weixin_33329746的博客
06-04 491
问题描述：做微信h5页面时，经过了微信授权才跳转到一级默认路由home.vue中，因此在home页面时在IOS中底部会出现虚拟的返回键，安卓上不会出现。且在IOS点击返回时会跳转到home空白页面不重新加载，但是在安卓机上点击返回键会重新加载。实现功能：解决IOS问题(在home页面点返回时路由还是在home页面，并完成重新加载)分析：需要在进入页面时加入监听，并在页面离开时移除监听。因为home...
关于监听微信浏览器返回按钮事件处理安卓IOS通用
纸飞机博客
08-09 1446
1.效果 效果说明： 做了个dialog组件，打开编辑联系人，可以通过物理返回键关闭这个dialog，这里原本物理返回是会返回上一页的 返回上一页，即退出报名页，这里监听了物理返回，确定才正式返回上一页 以上功能在安卓和ios上测试都通过 代码 methods windowListener() { let that = this; if(this.userEditType == 1 && this.addPersonFlag && this.is
ios系统在微信端中页面禁止分享失效问题和ios返回上一页自动刷新历史记录
weixin_42188216的博客
04-01 1572
苹果系统分享问题，页面重定向，返回分享失效，在js中引入下面代码即可。 解决的代码： $(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); ...
[js点滴]JavaScript事件详解
图解AI
11-13 1万+
Event对象 目录 事件是一种异步编程的实现方式，本质上是程序各个组成部分之间的通信。DOM支持大量的事件，本节介绍DOM的事件编程。EventTarget接口DOM的事件操作（监听和触发），都定义在EventTarget接口。Element节点、document节点和window对象，都部署了这个接口。此外，XMLHttpRequest、AudioNode、AudioContext等浏览器内置对
前端离开页面事件总结
薛秋艳的博客
04-24 1万+
onbeforeunload onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。 该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。 对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 “确定要离开此页吗？”。该信息不能删除。 但你可以自定义一些消息提示与标准信息一起显示在对话框。 注意： 如果你没有在 元素上指定 ...
微信webview中关闭浏览器-兼容安卓及苹果
羽筠的博客
01-15 640
/** *微信webview中关闭浏览器-兼容安卓及苹果 */ function CloseBrowser() { //判断谷歌火狐安卓和linux关闭当前页面及浏览器 var userAgent = navigator.userAgent; if (userAgent.indexOf('Android') > -1 || userAgent.indexOf('Linux') > -1) { WeixinJSBridge.call('closeWindow'); } else {..
解决微信浏览器返回上一页面强制刷新的问题
热门推荐
L1829427的博客
05-19 1万+
微信浏览器，Chrone PC版浏览器，在返回上一页面，且上一页面包含AJAX代码时，页面就会被强制刷新，极度影响用户体验。 而我们想要的效果是：返回上一页面时，页面还停留在原来的状态，AJAX获取到的数据还在，滚动条也在原来的位置。 通过 HTML5 的 history API + 缓存 可以做到这一点。 原理： 通过history API的 history.pu
如何使用Python编写脚本来测试安卓设备上的微信小程序功能？
最新发布
11-16
在Python中编写脚本来测试安卓设备上的微信小程序功能，通常需要借助第三方库，如`adb`（Android Debug Bridge）和一些特定的自动化测试工具，例如`selenium`（用于浏览器操作）、`uiautomator2`（针对Android UI自动化）或`Appium`（跨平台移动应用测试框架）。 以下是一个简单的步骤概述： 1. **安装必要的工具**： - 安装`adb`: 这是Android开发必不可少的命令行工具，可以在Android SDK的tools目录找到。 - 安装`appium-python-client`：如果你选择使用Appium，需要通过pip安装它的Python客户端。 2. **配置设备连接**： - 使用`adb devices`检查设备是否连接，并获取其唯一标识（Device ID）。 - 确保微信小程序已安装并在设备上运行。 3. **启动Appium服务器**（如果使用Appium）： - 在计算机上运行Appium服务，指定为本地的端口和所需的平台设置（如目标操作系统、分辨率等）。 4. **创建测试脚本**： - 使用Python编写测试脚本，比如通过`uiautomator2`或`selenium`库，模拟用户交互，如点击按钮、输入文本等。 ```python from uiautomator2 import Device # 连接到安卓设备 d = Device('your_device_id') # 执行测试操作 d(text='搜索框').click() # 点击搜索框 d(text='关键字').set_text('test') # 输入测试内容 d.press.back() # 回退操作 # 关闭Appium服务 d.app.package == 'com.tencent.mm' d.app.close() ``` 5. **执行测试并分析结果**： - 脚本运行后，检查小程序的响应是否符合预期。如果有必要，可以记录日志或截图，以便后续分析。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值