微信小程序跳转报错errMsg: “navigateTo:fail webview count limit exceed“

微信小程序页面跳转，如果使用wx.navigateTo或者navigator标签进行跳转，最多只能跳转10次
（超过10次，在怎么点也不会跳转），这很不利于用户的体验。记自己遇到的这一次坑。也不能说是坑吧，只是自己没有处理好跳转的安排。

开始正文

在项目开发中，面对界面的跳转，都是使用的navigateTo的方式进行的跳转，最后再测试的时候发现问题，就是当你点的次数多了的时候，你会如发现所有的跳转点击事件都不可以使用了，此时看控制台发现报错了，报错内容：errMsg: “navigateTo:fail webview count limit exceed“。
出现这个问题是因为微信小程序，对于navigateTo的跳转有限制，做多只能跳转10次，为了增加用户体验，在这里就需要了解一个叫页面栈的东西，当你跳转的时候，页面的信息会进入页面栈当页面栈无法容纳页面的时候就会抛出上面的报错。

    let pages = getCurrentPages();//通过该方式可以拿到页面栈，对页面栈里面的内容进行分析，然查找问题

解决方法（仅供参考）

我的跳转逻辑大致如下
A --> B --> C --> D
当上一级向下一级跳转的时候使用navigateTo，这样的页面会进入到页面栈。
对于返回使用的navigateBack方式，这样的会就可以叫页面出栈，就不会出现超出限制的情况了
代码如下：

goBill: function (e) {var pages = getCurrentPages(); //当前页面var beforePage = pages[pages.length - 2]; //前一页beforePage.onLoad(); // 执行前一个页面的onLoad方法wx.navigateBack({delta: 1});},//上述代码是通过点击页面内的按钮实现的返回跳转， 对于平时的返回，是通过小程序页面左上角的返回按钮//或者移动端的物理返回实现，物理返回只需要操作onUnload就好

结尾

我的这种情况只是适合我的当下需求，仅供参考，对于具体问题，还是得详细阅读开发者文档，然后寻找适合自己的处理方式。

微信小程序跳转报错errMsg: “navigateTo:fail webview count limit exceed“相关推荐

微信小程序报错errMsg: “navigateTo:fail webview count limit exceed“
一个需求需要切换tab签,跳转不同页面,心想使用 wx.navigateTo 实现跳转效果. 一开始跳转的时候没有问题,后面点击多了的时候,会报错,如下: 于是翻译了一下,发现出现的问题如下: 最后, ...
微信小程序跳转公众号文章非web-view
之前公司有个需求,非要让从小程序直接跳转到h5页面但是还不能用web-view 是实现,于是乎较劲脑汁,查阅各种论坛,依然一无所获,就当准备放弃了就去github 发现了一个类似的,于是就研究了 ...
微信小程序跳转 redirectTo、navigateTo与switchTap、reLaunch 的区别
redirectTo:关闭当前页,并跳转到指定页: navigateTo:保留当前页,并跳转到指定页: switchTap:只能用于跳转到tabbar页面,并关闭其他非tabbar页面. tabbar ...
微信小程序跳转h5链接(web-view)
微信小程序跳转h5链接通常使用web-view当容器,来打开h5链接 1.了解web-view以及功能支持能力: web-view是从基础库 1.6.4 开始支持,低版本需做兼容处理.web-vie ...
【微信小程序】关于H5跳转微信小程序、微信小程序跳转H5、微信小程序跳转微信小程序的实现方法
0 说明业务提出需求,要实现H5跳转微信小程序的需求,在浏览器.微信环境下,都能通过H5跳转进入小程序. 另外,本文也将微信小程序跳转到H5,以及微信小程序跳转到微信小程序的方法进行汇总. 对于,微 ...
小程序跳到h5页面_微信小程序跳转到H5页面实战篇
有些场景需要从微信小程序跳转到H5页面,通常网上的教程会告诉你使用web-view组件就可以了,但实际开发中还有很多需要注意的地方,尤其是很多概念往往会把初学者弄糊涂了,下面就让我们从概念开始吧!微信 ...
微信小程序跳转到第三方H5网页
我开发过程中有小程序跳转到网页的需求,下面分享一下我的实现过程: 使用官方文档web-view组件:web-view 1.首先得通过微信公众平台配置业务域名,配置业务域名需要将校验文件上传到网站服务器 ...
手机按三角返回页面上一页_小猿圈微信小程序跳转页面都有哪些？
随着科技的进步互联网的发展,微信小程序逐渐成为了很多推广渠道的入口,但是因为很多做前端的小伙伴们不知道怎么去实现跳转页面,弄得不知所措,今天小猿圈前端讲师就给你讲解几种微信小程序跳转页面方法. 微信小 ...
关于微信小程序跳转到H5，然后从H5又跳回微信小程序问题的资料
关于微信小程序跳转到H5,然后从H5又跳回微信小程序问题的资料直接上答案 // javascript import wx from 'weixin-jsapi';// 判断h5页面是否是运行在小程序 ...

微信小程序跳转报错errMsg: “navigateTo:fail webview count limit exceed“

开始正文

解决方法（仅供参考）

结尾

微信小程序跳转报错errMsg: “navigateTo:fail webview count limit exceed“相关推荐

最新文章

热门文章