• 问题解决 原因分析: 在ios机器上使用webview开发Vue项目时候,go history(-1),无法将body的高度拉掉,使得遮住,触发轻点击,方可消除遮罩 解决方案实现原理: html,body都是100%,#app撑起了...

    原文链接地址

    问题描述:

    进入A页面——>B页面——>ios自带的返回——>白屏出现——>手动点击白屏处——>问题解决

     

    原因分析: 

    在ios机器上使用webview开发Vue项目时候,go history(-1), 无法将body的高度拉掉,使得遮住,触发轻点击,方可消除遮罩

     

    解决方案实现原理:

    html,body都是100%,#app撑起了父元素的告诉,但是浏览器默认的滚动scroll并不是#app,而是body,某些因素,造成返回history 后,无法复原(ios 的锅),为此,我们将#app 进行了绝对定位,并让它重新成为 scroll 的对象,从而解决问题

     

    实现代码:

     

    html, body {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      position: relative;
    }
    #app {
      width: 100%;
      height: 100%;
      background: #fff;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      position: absolute;
      left:0;
      top:0;
    }
    

    设置以后页面无法滚动的解决办法(这里就拿container举例,具体类名以实际情况为准)

    .container {
     width: 100%;
     height: 100%;
     background: #fff;
     overflow: scroll;
     -webkit-overflow-scrolling: touch;
     position: absolute;
     left:0;
     top:0;
    }

     

     

     

     

    展开全文
  • 最近在开发微信公众号项目出现了白屏问题,安卓端一切正常,只在IOS11以下的苹果手机端和微信PC版内置浏览器打开才会发生。 网上找了很多资料,最后确定是前端JS代码使用了ES6版本的语法,而IOS11以下和微信PC...

            最近在开发的微信公众号项目出现了白屏的问题,安卓端一切正常,只在IOS11以下的苹果手机端和微信PC版内置浏览器打开才会发生。

            网上找了很多资料,最后确定是前端JS代码使用了ES6版本的语法,而IOS11以下和微信PC版是不支持ES6语法的,所以需要降低语法到ES5。前端人员在打包的时候进行了转换,但是还是无法解决问题。我们对打包后的文件再次进行转换,问题得到解决。

            可能是在打包的时候转换不成功,或者根本没有转换。另外,微信的WEB调试工具是支持ES6语法的。

    展开全文
  • 微信开发: H5开发在微信浏览器上,出现“白屏问题 在开发微信公众号的页面时,应该很多开发者会出现: 从菜单栏点击跳转到页面时出现白屏或者授权完成重定向出现白屏。 大致导致白屏的原因有以下几种: 1. 重定向...

    微信开发: H5开发在微信浏览器上,出现“白屏”问题

    在开发微信公众号的页面时,应该很多开发者会出现: 从菜单栏点击跳转到页面时出现白屏或者授权完成重定向出现白屏。
    大致导致白屏的原因有以下几种:

    1. 重定向次数过多

    • 原因:重定向次数太多,使用vue的$route.query取参会导致取不到参数。
    • 解决方案:使用原生js,解析获取参数
    	const getURLParameters = url =>
           (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce((a, v) => {
             a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)
             return a
           }, {});`
    	  const urlParams = getURLParameters(location.href)
          urlParams.headimgurl = decodeURIComponent(urlParams.headimgurl)
          this.openid = urlParams.openid
          this.headimgurl = urlParams.headimgurl
    

    2. 微信浏览器缓存机制

    • 解决方案:在渲染页面前加上一个随机参数
    	let timeStamp = new Date()
        window.location.href = window.location.href + '?timeStamp=' + timeStamp.getTime()
    
    展开全文
  • 问题描述:在做微信分享的时候,出现了一个问题,当一个人将活动分享给好友时,好友在微信打开页面,页面进度条加载到80%左右时就不动了,之后进度条消失,屏幕无任何显示白屏状态,后台也无错误。问题原因:经过...

    问题描述:

    在做微信分享的时候,出现了一个问题,当一个人将活动分享给好友时,好友在微信中打开页面,页面进度条加载到80%左右时就不动了,之后进度条消失,屏幕无任何显示白屏状态,后台也无错误。

    问题原因:

    经过不断测试排查,发现是分享链接中的#号引起的!前端使用Vue.js,#是路由,但是微信却将分享出去的链接中#号后面部分截取掉了,导致后面带的分享来源参数被截掉了,页面呈现出一直在加载的状态。

    解决方案:

    之前的分享链接样子如下,#号后面被微信截掉,导致friendId无法获取

    http://demo.xxx.com/dzp/?from=singlemessage#/dzp/project?friendId=151613270061

    后来前端经过改造,将链接地址改为如下样子,解决了问题

    http://demo.xxx.com/dzp/?friendId=151613270061&from=singlemessage#/dzp/project



    更多内容请参见:

    http://www.cnblogs.com/mingxinice/p/mingxin.html

    展开全文
  • 如题:苹果手机微信浏览器和电脑浏览器打开项目链接白屏,而且ie11浏览器也不能够正常打开,报错语法错误, 安卓手机却可以正常的打开链接显示? 排除过程,以为是微信内置浏览器不支持,想到会不会是兼容的问题,...

    如题:苹果手机微信浏览器和电脑浏览器打开项目链接白屏,而且ie11浏览器也不能够正常打开,报错语法错误, 安卓手机却可以正常的打开链接显示?

    排除过程,以为是微信内置浏览器不支持,想到会不会是兼容的问题,然后使用ie浏览器查看,发现和微信是一样的情况,控制台有报错,开始处理报错。

    1. 点开链接后,发现报错的是一个js文件,clss类的问题,并没有被编译考虑到,是不是在ie中一些语法,使用webpack的bable没有办法完全的编译,又下载使用 babel-polyfill 结果还是现在一样的错误,并未解决问题
    2. 开始看报错的源码,经过搜索与排除发现是在 node_modules 文件夹中的一个插件 vuex-persist js的问题(见下图)
      1. 那为什么会用这个插件呢?
      2. 因为当前做的这个移动端的项目是给机构做的一个类似测评系统的考试,是不运行用户在考试的时候,后退页面,和刷新页面,后退可以使用

        beforeRouteLeave 去做阻止,刷新只能监听按键的f5,没有办法控制浏览器的刷新,然后就想到,用户刷新的时候,前面的数据,还是要有所保存的,然后就使用了 vuex ,但是vuex会在刷新页面的时候,重置state的数据,这就不是我们想要的了 ,然后我们引入了一个vuex-persist插件解决这个问题

      3. vuex的优劣势
        1.      优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到
        2.      劣势:在F5刷新页面后,vuex会重新更新state,所以,存储的数据会丢失。
        3.      为了克服这个问题, vuex-persist  vuex-persistedstate出现了~~
      4. vuex-persist  vuex-persistedstate 原理
        1.  插件在每次mutation的时候将数据保存,存到localStorage,sessionStorage,cookie有中(具有getItem ,setItem ,removeItem一般方法的对象)
        2. 刷新页面的一瞬间,vuex数据消失,vuex回去sessionStorage中哪会数据,变相的实现了数据刷新不丢失~
        3. vuex-persist 和 vuex-persistedstate 使用的区别和用法
    3. 找到问题后,改变插件的使用,把vuex-persist 换成 vuex-persistedstate 完美解决问题
    4. 对比两个插件,发现vuex-persistTypeScript类型的,vuex-persistedstateJavaScript类型,默认的配置webpack没有去编译TypeScript,所以没有转换

    结论:webpack编译的类型不对

     

     

    展开全文
  • 前天开发了一个简单的邀请函,整体8个页面,不足8M,在PC端模拟器上打开没有问题,在手机的其他浏览器中也没有问题。唯独在微信浏览器中加载时会出现长时间白屏,用户体验很不好 一番检查下来,因为写的太随心了,...
  • 1.证书问题 比如证书失效等 如果遇到白屏问题可以朝证书这个方向加以考虑 2.授权域名出现问题 这个问题 安卓机型会提示net::ERR_NAME_NOT_RESOLVED IOS机型直接以白屏展现 ...
  • 微信服务号白屏问题

    2019-08-23 16:55:40
    目前偶尔有用户反馈微信服务号白屏问题。主要分两种: 1:服务号上传图片OCR识别页面突然白屏重新loading问题。 2:用户点击服务号菜单栏,进入相应页面loading白屏问题。 我们主要是Vue框架。面对第一种问题,经过...
  • 在window上客户端微信打开公众号H5网页,内置浏览器白屏 一些基本的关联 上一个版本是可以正常登录并且打开的,多半因为后续加了一些代码导致的白屏. 手机微信和手机内置浏览器以及电脑端chrome浏览器都能...
  • 微信公众号里打开项目白屏了? 苹果手机打开白屏了? 死活都有部分iPhone机型是白屏显示的? 兄弟,别急,咱们走起…… 1,ios10 出现白屏 原因是由于ios 10中Safari中错误描述如下:当你定义一个与参数同名的for循环...
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
  • 为什么80%的码农都做不了架构师?>>> ...
  • 在做小程序的时候,做到了一个限时商品售卖,用到了倒计时,因为这个原因导致了安卓手机上使用小程序时,将小程序放入后台运行一段时间后,再次进入小程序后出现了页面白屏或者点击事件失效的情况,这里记录下 ...
  • 通过微信的扫一扫去下载,会出现白屏的情况,可能是因为安全性的考虑或者其他什么原因,目前已经无法通过微信的扫一扫去下载apk了。 根据网友们提供的思路,本文整理了三种方案。 1、申请腾讯开放平台开发者 具体...
  • 测试1js 固定 样式固定 => 更新后样式错乱 说明有可能样式冲突了 不可取 ...最近在用vue做项目,项目在安卓4,5,ios9页面显示空白,问题解决跟大家分享一下 https://blog.csdn.net/qq_27831055...
  • 微信Web开发者工具使用移动调试以及inspect出现白屏 解决方案 1.首先你得下一个微信web开发者工具 (长这样的) 下载地址 : (下载0.7版本的因为1x新版本没有移动调试)...
  • 最近企业微信上的开发困扰了我很久,企业微信上的页面无法调试,无从下手。 突然发现企业微信微信有一个调试工具,只有企业微信管理员才能调试哈。 1.点击我的企业–>微工作台 2.开启开发者工具,并点击web开发...
  • 微信浏览器缓存,经过一段时间的尝试发现微信浏览器缓存的两个特点: 1. 微信浏览器首先会缓存整个页面的内容, 如果页面地址没有变更,在一段时间内(几个小时),进入页面都不会对页面中js,css文件发出http请求 2...
  • 平时开发测试习惯用微信进行扫码预览,过程中发现一个问题,一些明明改过的代码但是浏览器加载之后依然是初始代码,确定是浏览器缓存造成的 浏览器缓存的两个特点: 1.微信浏览器首先会缓存整个页面的内容,如果...
  • 我们前端用的webpack3.5.6打包的,服务器是Linux,后台是java,前后端分离 测试过很多次 微信web开发者工具打开也没有问题,但是很多用户反映页面进去是空白页没有内容,排查了很久都没有发现问题,求助各位大神应该怎么办...
1 2 3 4 5 ... 20
收藏数 1,143
精华内容 457