ios返回上一页不好用且一直在刷新

最新推荐文章于 2023-08-01 00:22:01 发布

原创最新推荐文章于 2023-08-01 00:22:01 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了一个关于跨平台返回的问题，即使用特定代码时，在不同的操作系统（如Android与iOS）中产生的不同行为。具体表现为在iOS系统下无法实现正常返回且出现无限刷新的现象。经分析发现，该问题是由于返回的数据携带了上一个页面最后一次请求的数据导致。

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

location.href=document.referrer;

 android 可以正常返回，ios 就不能返回，而且一直在刷新
 原因 ：返回的数据中，数据是上一个页面最后请求的数据

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mh_ui

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

ios微信浏览器返回不刷新问题完美解决方法

08-29

主要介绍了ios微信浏览器返回不刷新问题完美解决方法,需要的朋友可以参考下

IOS返回按钮刷新页面解决办法

weixin_30311605的博客

05-17

1105

今天在做项目的时候遇到一个奇葩的问题，IOS点击左上角的返回按钮页面不会刷新，安卓的就没问题。上网查了好多资料，说是可以强制刷新页面，这样只要一加载这个页面就会刷新，加上果然问题解决了，完美，废话不多说了，直接看代码 $(function() { // 页面强制刷新，IOS点返回不刷心页面 var isPageHide = false; ...

参与评论您还未登录，请先登录后发表或查看评论

VUE 中 IOS 返回上一页，不触发刷新页面

qq_16088377的博客

05-30

911

在返回到的页面mounted中，输入一下代码。

问题：点击苹果自带的返回键返回上一页，刷新不刷新页面。

Queen-Shir的博客

05-15

711

$(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('pagehide', functio.

【转】iPhone/iPad/Safari后退事件触发后刷新原来页面

乱世之牙

11-01

1750

以下内容转自赵昊鹏的博客，如有侵权，请联系我，我会立即删除写在前面：此文很早之前就写好了，但是因为篇幅较短，一直安静地躺在草稿箱里。。。今天把它发出来吧这几天在调微信 WKWebview 内核的问题，真的是好蛋疼啊。发现一个问题，当我点击左上角的返回按钮，或者安卓上点击后退的时候，发生了两个不可思议的事情：页面没有刷新，而是直接读取的缓存。页面上绑定在window上的事件莫名其妙的消失...

js 返回上一页和刷新的代码

12-13

本文将详细介绍JavaScript中的各种方法来实现返回上一页、刷新页面以及相关的页面跳转技术。首先，我们来看如何实现“返回上一页”： 1. `history.go(-1)`：这个方法将浏览器的历史记录向后移动一步，相当于点击...

JS实现返回上一页并刷新页面的方法分析

10-16

在本文中，我们将深入探讨如何使用JavaScript实现返回上一页并刷新页面的功能，这是在开发过程中经常遇到的需求，特别是在移动设备和桌面浏览器之间存在差异的情况下。首先，我们注意到在通常情况下，调用`history...

vue中解决微信html5原生ios虚拟键返回不刷新问题

01-18

做微信h5页面时，经过了微信授权才跳转到一级默认路由home.vue中，因此在home页面时在IOS中底部会出现虚拟的返回键，安卓上不会出现。且在IOS点击返回时会跳转到home空白页面不重新加载，但是在安卓机上点击返回键会...

iphone浏览器返回刷新_使用CocoPPa刷新您的iPhone图标

cune1359的博客

07-01

414

如果您是iPhone用户，则可能习惯于限制如何自定义将哪个应用程序显示在主屏幕上。不同于Android手机在自定义主屏幕方面所提供的灵活性，iPhone不能改变用户界面，除非您越狱了设备。可以吗使用CocoPPa，您实际上可以免费更改iPhone图标的外观，而无需越狱手机。它基本上可以通过将新图标链接到每个应用程序来工作，从而使您可以自由刷新iPhone主屏幕进行更改。这是应用...

iframe嵌套视频源,一直刷新网页

luzkingforever的专栏

07-13

2012

问题表现:iframe嵌套视频在ios设备上一直刷新解决方案:更换视频源:换成优酷爱奇艺,乐视的测下,有可能是视频源本身的问题

iphone里的微信浏览器后退刷新

qq_41155670的博客

12-26

652

$(function() { pushHistory(); }); function pushHistory() { window.addEventListener("popstate", function(e) { // alert("后退"); self.location.reload(); }, false); var st...

解决ios设备浏览器页面回退但内容不刷新导致的问题

哼

08-01

1316

项目是一个php前后端不分离项目，分为移动端和pc端，但用的基本是一套代码，在每个页面中调用判断当前是否为移动端的函数去动态的加载pc或移动端所需的css、js和dom结构代码。：今天碰到的提测的一个bug是：设备在操作部分页面后点击浏览器后退按钮，会直接显示pc端的样式，需手动刷新页面才显示移动端样式，用户交互体验差。：经过排查后发现，只有ios设备在用浏览器浏览的时候会出现以上问题，用微信内置浏览器查看没有上述问题，安卓设备也没有上述问题。

ios 返回不会自动刷新页面问题

weixin_30512089的博客

07-11

549

在实际开发过程中，移动端的兼容性问题有很大的坑，安卓可以了ios不行，ios可以了安卓又失效了这样，其中ios的回退操作就是不会自动刷新页面，很烦！常见的history.back() history.go(-1)这些在ios系统都不生效。如果想要实现实时刷新的效果，只需要在想要刷新的页面加上以下js即可： $(function () { var isPageHide = false; wind...

webview加载页面及前进、后退、刷新操作

joe

02-04

2360

import android.app.Activity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.webkit.WebChromeClient; import android.webkit.WebView; import android.webk

【汇总】相关问题一：解决ios系统下，返回时页面不刷新的问题

m0_37158404的博客

04-28

907

百度搜索出来的解决方法基本都是： window.onpageshow =function(event){ if(event.persisted){ window.location.reload(true); } }; 调试的时候，确实有进入if代码块里面，但是window.location.reload(true);执行后页面却并没有....

iframe 自适应加载页面的宽高，针对所加载页面会不停的变化的情况

Where there is a will there is a way

07-09

2184

/**//*代码写在一个js里，被加载的每个页面都引用这个js文件，所有页面处于同一个网站应该：同一个公司，项目Ａ要引用项目Ｂ的一个流程，这个流程是由几个页面组成，解决办法之一就是通过iframe来引用这一组文件，在项目A里，好象是在访问一个页面一样。这时就不能通过设置iframe的宽高一次来自适应，而是需要通过变化的页面的实际宽高不停的设置这两个属性才行*/ var wp = wind

监听浏览器返回时刷新上一页面JavaScript JQuery

weixin_44944516的博客

11-13

340

html ios返回后刷新页面,Ios中微信页面返回上一页去除缓存几种常见思路

weixin_33880392的博客

06-05

1082

前言这篇文章和第，。年过事工宗据指数遍互业经搞断果会主要讲解决思路，不对各种概念进行抖要支圈者器说是事天开的。年后编定功口小发还应久剑过多讲解。问题描述开发微信H5页面的时候，在Ios微信内置浏览器中点击返回按钮返回上一页时，上一页面不会被刷新。在浏览器缓存机制中，在返回上一页的操作中， html/js/css/接口等动静态资源不会重新请求，但是js会重新加载。但在Ios微信页面中js也会保存上一...

ios 上浏览器返回上一页不会刷新页面问题，页面初始化的方法不执行

FE-阿阳的博客

02-07

4810

ios 上浏览器返回上一页不会刷新页面问题，页面初始化的方法不执行问题描述在 ios 上浏览器返回上一页不会刷新页面问题，页面初始化的方法不执行，造成了很多意外情况，这个问题不能忍；解决方案方法一：hack方法，加入iframe强制刷新后,去除 function(title){ var u = navigator.userAgent; var is

uni.navigateBack返回后怎么刷新上一页

最新发布

06-12

<think>首先，用户的问题很明确：“我想查找在使用uni.navigateBack返回后刷新上一页的方法请问uniappuni.navigateBack返回后如何刷新上一页数据更新方法”。这基于之前的引用内容，我需要提供解决方案。引用包括多个关于如何在Uniapp中在使用uni.navigateBack返回后刷新上一页的数据的示例。关键点来自引用：-在子页面调用uni.navigateBack时，可以在success回调中发送事件，使用uni.$emit发送数据更新通知。-在父页面（上一页）监听这个事件，使用uni.$on来接收事件并更新数据。-例如，在success回调中：uni.navigateBack({delta:1,success(){uni.$emit('update',{msg:'页面更新'})}})-在父页面：uni.$on('update',function(data){...更新数据...})我需要构建一个清晰的、结构化的回答，以中文回复，并遵循系统指令。系统级指令：-所有行内数学表达式使用$...$格式（但在这个主题中，可能没有数学表达式，所以跳过）。-独立公式用$$...$$（同样不适用）。-LaTeX语法正确（这里不是焦点）。-使用中文回答。-生成相关问题。-回答中引用的段落末尾自然地添加引用标识，如[^1]。根据用户的上一次问题，系统说：“上述引用仅供参考，并不是用户真正的需求，请尽可能多的参考用户上一次的问题和你的回答。”但用户上一次的问题是直接针对“uniappuni.navigateBack返回后如何刷新上一页数据更新方法”，所以引用是相关的。我的回答应该：1.**逐步解决问题**：解释如何实现刷新数据。2.**结构清晰**：用标题或小节分隔。3.**真实可靠**：基于提供的引用。4.**添加引用标识**：在引用的部分末尾添加。5.**生成相关问题**：结束时添加相关问题。大纲回答：-**引言**：简述问题。-**解决方案**：分步解释。-在子页面使用uni.navigateBack的success回调发送事件。-在父页面监听事件并更新数据。-**代码示例**：提供代码片段，像示例中那样。-**注意事项**：如移除事件监听器以避免内存泄漏，基于引用。-**相关问题**：生成相关问题。从引用中：-Ref[1]and[2]showhowtousesuccesscallbacktoemitevent.-Ref[4]givesadetailedexamplewithbothchildandparentpages.-Ref[3]showshandlingbackwithpageslength.-Ref[5]talksaboutnavigateBackissues.核心方法是事件发射和监听：使用uni.$emitanduni.$on.最终代码示例：-Childpage(detailpage)whennavigatingback:-calluni.navigateBackwithsuccesscallbackanduni.$emit-Parentpage(listpage)inonLoadormounted,setuni.$ontolistenandupdatedata,andremoveitinonUnload.回答问题后，生成相关问题。相关问题示例：1.如何移除事件监听器以避免重复监听？2.如果多个页面需要通信，如何管理事件？3.在Uniapp中还有其他方法更新页面数据吗？4.如何使用getCurrentPages来处理页面堆栈？现在，撰写回答。</think> ### Uniapp中通过uni.navigateBack返回后刷新上一页数据的解决方案在Uniapp开发中，使用`uni.navigateBack`实现页面返回后刷新上一页数据时，常见方法是利用**事件发射（uni.$emit）和监听（uni.$on）**机制。以下是基于引用内容的详细分步指南，确保数据更新逻辑可靠。该方法的核心思路是：在子页面（当前页面）调用返回操作时，通过`success`回调触发事件，然后在父页面（上一页）监听该事件执行数据刷新。 #### 分步实现方法 1. **在子页面（例如详情页）添加返回逻辑**： - 调用`uni.navigateBack`时，在`success`回调中使用`uni.$emit`发送一个事件通知上一页需要刷新数据。`delta`参数指定返回层数，通常设置为1（返回到上一页）。 - 示例代码（基于引用[1][^1]和引用[4][^4]）： ```javascript // 子页面（detail.vue）的逻辑 navigateBackAndRefresh() { const pages = getCurrentPages(); // 获取页面栈 const prevPage = pages[pages.length - 2]; // 上一页对象，用于优化返回 uni.navigateBack({ delta: 1, // 返回层数，默认为1 success: () => { uni.$emit('update', { msg: '页面数据已更新', refreshNeeded: true }); // 发送自定义事件 } }); } ``` - **关键点**：`success`回调确保返回操作完成后才发送事件，避免事件被错过。引用中提到，可以结合`getCurrentPages()`获取上一页实例，提高稳定性[^4]。 2. **在父页面（例如列表页）添加事件监听和数据更新逻辑**： - 在`onLoad`或`mounted`生命周期中，使用`uni.$on`监听事件。事件触发时重新加载数据，并在`onUnload`中移除监听器以防止重复监听（引用[4][^4]）。 - 示例代码（基于引用[4][^4]）： ```javascript // 父页面（list.vue）的逻辑 export default { data() { return { listData: [], // 存储数据 }; }, mounted() { this.list(); // 首次加载数据 uni.$on('update', this.handleUpdate); // 监听子页面发出的事件 }, onUnload() { uni.$off('update', this.handleUpdate); // 移除监听器，避免内存泄漏 }, methods: { handleUpdate(data) { console.log('触发数据更新', data.msg); this.listData = []; // 清空数据 this.list(); // 重新加载数据方法 }, list() { // 模拟API请求：获取最新数据 // 例如：uni.request({ url: 'api/data', success: (res) => { this.listData = res.data } }); } } } ``` - **关键点**：移除监听器（`uni.$off`）是性能优化的关键步骤，避免组件卸载后冗余事件占用资源[^4]。 3. **额外注意事项**： - **调试技巧**：如果事件未被触发，检查`delta`是否正确（例如，确保`delta`值为1）。引用[5]提到返回层级错误可能导致预期外跳转[^5]。 - **兼容性问题**：在iOS或Android上，确保页面栈（`getCurrentPages()`）长度大于1再调用返回，避免错误（引用[3][^3]）。 - **优化建议**：为事件添加特定名称（如`update`），并传递数据负载（如`msg`），便于区分多事件场景。 #### 为什么这个方法可靠？ - 基于Uniapp全局事件系统，确保跨页面通信高效（引用[1][^1]）。 - `success`回调保证事件在返回动画完成后触发，避免异步问题（引用[2][^2]）。 - 完整示例已在引用中验证，适用于常见场景如列表-详情页交互[^4]。如果在实施中遇到问题，请检查事件名称是否一致或是否添加了移除监听器的逻辑。 ### 相关问题