ios微信页面回退不刷新的问题

最新推荐文章于 2021-05-29 15:51:55 发布
原创 最新推荐文章于 2021-05-29 15:51:55 发布 · 721 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用HTML5 History API中的pushState方法来管理浏览器历史记录的方法。通过创建一个简单的函数pushHistory()，可以自定义历史条目的状态和标题，并且监听popstate事件以响应用户导航。

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

pushHistory();

window.addEventListener("popstate",function (e) {
   
},false);

function pushHistory() {
    var state = {
        title: "title",
        url: "#"
    };
    window.history.pushState(state, "title", "#");
}
只是为了记录给自己看的。

                

        

    

    
  



    

      

        

            

              
                
                  小小黑泽
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
解决ios微信页面回退不刷新的问题

				
			

			

				

					01-05
				

			

		

		

			
				
在回退后需要刷新的页面加以下js

$(function () {
  var isPageHide = false;
  window.addEventListener('pageshow', function () {
    if (isPageHide) {
      [removed].reload();
    }
  });
  window.addEventListener('pagehide', function () {
    isPageHide = true;
  });
}) 
以上这篇解决ios微信页面回退不刷新的问题就是小编分享给大家的全部内容了，

			
		

	



                

            
              



	

		

			

				
					
iOS微信浏览器回退不刷新实例(监听浏览器回退事件)

				
			

			

				

					01-03
				

			

		

		

			
				
iOS在微信浏览器回退是不重新加载页面的，有些时候是需要重新加载的，所以需要监听回退事件  $(function(){  pushHistory(); }); function pushHistory(){  window.addEventListener(popstate, function(e){  alert&...

			
		

	



              


  
              

                


	

		

			

				
					
IOS 回退功能，不刷新页面

				
			

			

				

					qq_25194685的博客
				

				

					09-01
					
					324
					
				

			

		

		

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



在回退的页面添加以上这段js即可
...

			
		

	





	

		

			

				
					
解决ios微信页面回退不刷新

				
			

			

				

					包子源的博客
				

				

					05-16
					
					3872
					
				

			

		

		

			
				
在回退后需要刷新的页面加以下js（需要jquery）
$(function () {
    var isPageHide = false;
    window.addEventListener('pageshow', function () {
        if (isPageHide) {
            window.location.reload();
        }


			
		

	



		

			
		



	

		

			

				
					
解决ios回退后不刷新的问题

				
			

			

				

					star094606的博客
				

				

					09-28
					
					364
					
				

			

		

		

			
				
window.addEventListener("popstate", () => {
            window.location.reload(true);
        }, false);
        const state = {
            title : "",
            url : "#"
        };
        window.history.replaceState(state, "", "#");

放在当前...

			
		

	





	

		

			

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

				
			

			

				

					01-18
				

			

		

		

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

			
		

	





	

		

			

				
					
iOS设备微信页面回退内容不刷新的问题

				
			

			

				

					Queen-Shir的博客
				

				

					11-02
					
					275
					
				

			

		

		

			
				
解决方法：在回退后需要刷新的页面加以下js:



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

			
		

	





	

		

			

				
					
移动端 --- ios微信页面回退不刷新的问题

				
			

			

				

					小草莓的博客
				

				

					03-19
					
					579
					
				

			

		

		

			
				
pushHistory();

  window.addEventListener("popstate",function(e){},false);

  functionpushHistory(){
    varstate={
       title:"title",
       url:"#"
     ...

			
		

	





	

		

			

				
					
android禁止刷新,Android禁止WebView返回时刷新

				
			

			

				

					weixin_32161697的博客
				

				

					05-29
					
					511
					
				

			

		

		

			
				
最近做一个Android项目所有页面全部是h5,返回时不希望刷新页面，首页，团队，收益，我的 ，是在一个html里面 在浏览器中打开如下图所示： 期望是：点“我的”再点“设置”，进入设置页面，然后点返回，应该停留在“我的”我通过webview.goback()方法进行返回实际结果是：却停留在“首页”位置：(1)点“我的”： (2)点“设置”： (3)点“返回”： 通过在网上一番查找，原来webv...

			
		

	





	

		

			

				
					
微信页面里iphone点返回不刷新问题

				
			

			

				

					Baby_加油_的博客
				

				

					01-09
					
					6464
					
				

			

		

		

			
				
> 1.问题描述：

微信开发的时候，在公众号菜单中打开一个H5页面(如：分享的视频详情页面)，微信授权登录有跳转操作，点击左上角的返回按钮，(由于本页面第一次进来的时候没有加载完就发生了自身页面的跳转)，发现会出现卡死的情况。

解决方式1：微信页面里iphone点返回进行刷新操作




$(function() {
    pushHistory();
    window.addE...

			
		

	





	

		

			

				
					
html5 history微信浏览器返回不刷新

					
热门推荐

				
			

			

				

					极客神殿
				

				

					06-02
					
					2万+
					
				

			

		

		

			
				
History API与浏览器历史堆栈管理:移动端开发在某些场景中有着特殊需求，如为了提高用户体验和加快响应速度，常常在部分工程采用SPA架构。传统的单页应用基于url的hash值进行路由，这种实现不存在兼容性问题，但是缺点也有–针对不支持onhashchange属性的IE6-7需要设置定时器不断检查hash值改变，性能上并不是很友好。而如今，在移动端开发中HTML5规范给我们提供了一个Histor

			
		

	





	

		

			

				
					
安卓机上的微信返回键之后页面不刷新

				
			

			

				

					u010537398的博客
				

				

					08-08
					
					8800
					
				

			

		

		

			
				
今天在微信开发时，遇到一个坑，页面后退之后，页面不刷新，首先是我自己做了一个缓存，测试说页面后退之后有BUG，我就把自己做的缓存去掉了，结果IOS回退页面可以刷新，但是安卓机后退却不刷新，这时候我就意识到，安卓机绝对有坑！
安卓webview cache的问题
安卓webview，包括安卓微信里面内嵌的QQ X5内核浏览器，都存在后退不会重新请求页面的问题，无论页面是否禁用缓存
解决办法--

			
		

	





	

		

			

				
					
如何让微信浏览器返回上一页时强制刷新

				
			

			

				

					有余力，则学文。
				

				

					03-09
					
					1万+
					
				

			

		

		

			
				
如何让微信浏览器返回上一页时强制刷新标签（空格分隔）： 前端问题描述：由 首页  跳转到 详情页， 在 详情页 点击 返回 按钮返回到 首页 后， 首页 刷新后再展示。思路：在进入 详情页 后，在浏览器中保存一个键值对，如 need-refresh : true。返回 首页后， 加载页面前从浏览器中取出这个数据，如果 need-refresh 为 true, 那么刷新。这种方法避开了对微信浏览器 返

			
		

	





	

		

			

				
					
ios微信后退不刷新的解决方法

				
			

			

				

					张木期的博客
				

				

					09-03
					
					1041
					
				

			

		

		

			
				
公司的一个项目在微信公众号里面写的程序，用安卓手机测试的时候后退页面都会刷新也就是状态会改变，可是用苹果手机更改状态后，再后退页面没有刷新，今天一直还以为是移动端的点击事件出了问题，尝试把onmousedown和onmouseup换成了touchstart和touchend之后并没有改善，之后变想到了是不是苹果浏览器的缓存问题，网上查询了一堆资料之后更加确认了我的想法，于是加入了以下代码，便成功解...

			
		

	





	

		

			

				
					
解决微信返回按钮到上一页页面不刷新的问题

				
			

			

				

					彩虹
				

				

					02-02
					
					1万+
					
				

			

		

		

			
				
解决微信返回按钮到上一页页面不刷新的问题


    window.onpageshow = function(event){
        //event.persisted 判断浏览器是否有缓存, 有为true, 没有为false
        if (event.persisted) {  
            window.location.reload();
        }

			
		

	





	

		

			

				
					
安卓微信window.history.go返回上一页后页面刷新，无法记录浏览位置的解决方案

				
			

			

				

					ClassicSong的博客
				

				

					04-17
					
					3944
					
				

			

		

		

			
				
移动端页面，顶部左上角返回上一页按钮很常见，如下图所示：

按钮所在页面为目标页面，点击按钮返回到上一页，实现代码如下：
window.history.go(-1)
//或者
window.history.back(-1)

大部分浏览器、客户端，都是可以完美跳转，且会记住用户在上一页浏览的位置。在滑屏加载下一页的大列表页中，当滑屏加载了N页之后，看到可心的标题，随即进入到详细页，浏览完详细页后，...

			
		

	





	

		

			

				
					
ios版本是16.7.10，微信的版本是8.0.56，在ios的微信小程序（webview嵌套h5），点击拍照上传，能拍照，点击上传的时候，页面会刷一下然后退到上一级路由，没有任何报错，应该怎么解决？

					
最新发布

				
			

			

				

					03-13
				

			

		

		

			
				
### iOS 微信小程序 WebView 中点击上传照片导致页面刷新并回退的问题分析

在微信小程序中使用 `web-view` 组件嵌入 H5 页面时，iOS 设备上的特定版本可能会遇到点击上传照片后页面刷新且回到上一页的情况。此现象通常由文件选择器触发的默认行为引起。

对于这个问题，在处理文件输入事件时可以尝试通过 JavaScript 阻止默认行为来避免页面刷新[^2]：

```javascript
document.querySelector('input[type="file"]').addEventListener('change', function(event){
    event.preventDefault();
    // 处理图片上传逻辑
});
```

另外一种方法是在小程序端监听 `web-view` 的加载状态变化，并控制返回操作的行为。具体可以通过设置延迟或者条件判断防止不必要的导航动作发生[^3]:

```json
{
  "usingComponents": {},
  "data": {
    "loadtime": 0,
    "canGoBack": true
  },
  "methods": {
    "webload": function(e) {
      let that = this;
      setTimeout(function(){
        that.setData({
          canGoBack: false
        });
      }, 100);
      
      if(that.data.loadtime > 2 && !that.data.canGoBack){
        wx.navigateBack({
          delta: 1
        })
      }
      that.setData({
        loadtime: that.data.loadtime + 1
      });
    }
  }
}
```

值得注意的是，不同版本的小程序 SDK 和操作系统可能存在兼容性差异，因此建议测试多种设备环境下的表现以确保最佳用户体验[^4]。

#### 关键点总结
- 使用 JavaScript 捕获文件选择事件并阻止其默认行为。
- 在小程序侧监控 `web-view` 加载次数，合理控制返回逻辑。
- 测试多平台环境下的一致性和稳定性。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值