ios端vue项目禁用微信分享跳转项目后返回禁用失效问题解决

约定不等于承诺〃 2022-12-15 03:59 186阅读 0赞

ios端vue项目禁用微信分享跳转项目后返回禁用失效问题解决  
问题：首次在微信端打开项目时，禁用微信分享成功，由于业务需要，会跳转到其他项目，从其他项目再跳回项目会禁用微信分享失效，此问题在ios端会出现，在Android设备上没有此问题。解决方案如下所示：

window.onload = function() {
           
           // 判断是否是ios设备
            let u = navigator.userAgent;
            let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
            // ios端 禁止分享失效解决方法，
            if(isiOS && isWeixin()){  //如果是ios和微信设备才重新加载
              let isPageHide = false;
              window.addEventListener('pageshow', function () {
                if (isPageHide) {
                  window.location.reload();
                }
              });
              window.addEventListener('pagehide', function () {
                isPageHide = true;
              });
            }
          };

其他：

window.onload = function() {
              (function (i, s, o, g, r, a, m) {
              i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                  (i[r].q = i[r].q || []).push(arguments)
              }, i[r].l = 1 * new Date(); a = s.createElement(o),
                  m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
              })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
              ga('create', 'UA-78088308-20', 'auto');
              ga('send', 'pageview');
              // 阻止IOS双击放大
              var lastTouchEnd = 0;
              document.addEventListener('touchstart', function(event) {
                  if (event.touches.length > 1) {
                      event.preventDefault();
                  }
              });
              document.addEventListener('touchend', function(event) {
                  var now = (new Date()).getTime();
                  if (now - lastTouchEnd <= 300) {
                      event.preventDefault();
                  }
                  lastTouchEnd = now;
              }, false);
    
              // 阻止IOS双指放大
              document.addEventListener('gesturestart', function(event) {
                  event.preventDefault();
              });
    
           // 判断是否是ios设备
            let u = navigator.userAgent;
            let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
            // ios端 禁止分享失效解决方法，
            if(isiOS && isWeixin()){  //如果是ios和微信设备才重新加载
              let isPageHide = false;
              window.addEventListener('pageshow', function () {
                if (isPageHide) {
                  window.location.reload();
                }
              });
              window.addEventListener('pagehide', function () {
                isPageHide = true;
              });
            }
          };

发表评论取消回复

表情：

评论列表（有 0 条评论，186人围观）

还没有评论，来说两句吧...

相关阅读

相关禁用Form表单提交的跳转

Form表单的默认跳转机制 from表单如下： <form id="myForm" action="/user/add" method="post">

矫情吗；*/ 2023年10月02日 20:42/ 0 赞/ 18 阅读

相关 ios端vue项目禁用微信分享跳转项目后返回禁用失效问题解决

ios端vue项目禁用微信分享跳转项目后返回禁用失效问题解决问题：首次在微信端打开项目时，禁用微信分享成功，由于业务需要，会跳转到其他项目，从其他项目再跳回项目会禁用微信

约定不等于承诺〃/ 2022年12月15日 03:59/ 0 赞/ 187 阅读

相关 vue项目H5在微信环境下禁用分享功能

微信环境下禁用分享的代码如下 if(isWeixin()){ // 微信环境下禁用分享 document.addEventListener('We

秒速五厘米/ 2022年12月14日 15:56/ 0 赞/ 10 阅读

相关 SpringBoot的微信后端项目部署

前后端完全分离的项目，后端基于用SpringBoot框架打造，发布到线上流程。 1.确定程序无误后，命令mvn clean package -Dmaven.test.s

忘是亡心i/ 2022年05月28日 13:12/ 0 赞/ 233 阅读

相关 React / Vue 前后端分离项目实现微信分享教程

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

柔情只为你懂/ 2022年04月03日 03:53/ 0 赞/ 360 阅读

相关禁用浏览器返回按钮

//禁用浏览器返回按钮为什么要禁用,ie不禁用存在一些问题:用户登录后,点击返回,验证码刷新了,但是提交登录,会一直提示验证码错误(实际,验证码是正确的,浏览器一直拿之前生

Myth丶恋晨/ 2022年04月02日 05:16/ 0 赞/ 269 阅读

相关 vue项目前端添加微信分享

vue中的微信分享微信分享功能需要在每个页面刚刚打开的时候就初始化,然后用户点击分享才可以调用微信自带的分享. 微信中限制其他的分享插件, 只能使用微信自己

我就是我/ 2021年12月11日 08:53/ 1 赞/ 516 阅读

相关 vue项目禁用浏览器缓存配置

项目发布版本会遇到经常需要清理缓存的问题,以下是项目禁用缓存的实际方法 1.public文件夹中修改 index.html文件meta配置 ![image.png]

清疚/ 2021年09月25日 10:28/ 0 赞/ 367 阅读

相关微信H5页面ios分享失效

最近开发一个微信H5页面，需要添加分享。 ios分享出去就描述变链接，缩略图也变连接，但android一切正常。在Android上面微信分享一切正常，但是在iOS上

水深无声/ 2021年09月16日 07:36/ 0 赞/ 786 阅读

相关 IOS环境下，微信分享失效问题

最近在做一个公众号，涉及到分享的功能，但是在安卓机上，自定义的分享配置参数能够被触发，而在ios苹果手机上却失效了，苦苦寻觅在百度上搜索解决办法，但都没有效果，，配置参数如下：

叁歲伎倆/ 2021年09月15日 07:54/ 0 赞/ 720 阅读