微信浏览器白屏

最新推荐文章于 2022-06-07 14:26:31 发布

喝星茶发o_o ....

最新推荐文章于 2022-06-07 14:26:31 发布

阅读量894

点赞数 1

分类专栏： vue 微信文章标签： vue

本文链接：https://blog.csdn.net/weixin_44479957/article/details/116658800

版权

微信浏览器出现白屏通常是由于图片资源过大引起。解决方案包括：1) 后端压缩图片；2) 路由懒加载，如在路由文件index.js中配置；3) 图片懒加载，使用vue-lazyload插件，通过npm安装并配置在main.js中。在列表页面应用这些方法可以有效避免白屏。

摘要由CSDN通过智能技术生成

微信浏览器白屏原因大部分图片太大引起了的,也可以要上传图片时后端压缩图片，如果还不行就要后端做两个接口在列表缩略图压缩到小于2m压缩，到详情页面时候正常压缩图片即可！！！

下面是前端解决方式：
1.进去加载时，白屏做路由懒加载
路由文件中index.js

routes: [{
   
		path: '/',
		redirect: '/index',
		component:resolve => require(['../pages/index.vue']

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

喝星茶发o_o ....

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue2.x解决pc端微信网页白屏问题 ——es6转es5

var_deng的博客

09-01

1205

问题出现原因：低版本浏览器内核不支持es6语法解决方法：结合babel-polyfill插件将es6语法转为es5语法 1.npm安装 npm install babel-polyfill npm install es6-promise package.json中会出现 “babel-polyfill”: “^6.26.0”, “es6-promise”: “^4.1.1”, 2.main.js引入 import ‘babel-polyfill’ import Vue from ‘vue’ import

PC微信内置浏览器白屏、无法加载任何信息

tutgxu的博客

02-01

1348

兼容性问题：如果 DLL 是为不同版本的 Windows 或不同的硬件架构编写的，可能会出现兼容性问题。注册表错误：Windows 使用注册表来管理软件和硬件的设置信息，注册表错误可能导致 DLL 加载失败。① 内置浏览器动态库加载错误，就绕过内置浏览器，通过设置使得微信链接都跳转到外部指定浏览器。损坏或缺失的 DLL 文件：如果 DLL 文件损坏或丢失，程序在尝试加载它时可能会失败。病毒或恶意软件：恶意软件可能会损坏或替换 DLL 文件，导致初始化失败。④ 专门找到对应的dll库，替换好。

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

H5开发在微信浏览器上，加载时“白屏”问题

weixin_41045487的博客

10-29

2401

前天开发了一个简单的邀请函，整体8个页面，不足8M，在PC端模拟器上打开没有问题，在手机的其他浏览器中也没有问题。唯独在微信浏览器中加载时会出现长时间白屏，用户体验很不好一番检查下来，因为写的太随心了，最后发现了两个BUG ———————————正文——————————— 不要把太多（最好没有）需要下载或者加载速度过慢的js放在body之前，因为会阻断H5dom的渲染，那么在你前端的所有库加载完之前，你的页面就是“白屏”状态第二点主要针对iPhone用户，记住一个要点，开发iPhone用户使用

window客户端-微信内置浏览器-公众号H5-打开白屏

大师兄

06-26

6337

原文链接：https://dsx2016.com/?p=1154 公众号：大师兄2016 问题场景在window上客户端微信打开公众号H5网页,内置浏览器白屏一些基本的关联上一个版本是可以正常登录并且打开的,多半因为后续加了一些代码导致的白屏. 手机微信和手机内置浏览器以及电脑端chrome浏览器都能正常打开网页,只有pc微信内置浏览器不行网上检索查找资料后,白屏的原因可能有两种: 使用了ES6/7/8/9等的新语法特性,pc微信内置浏览器不支持 .

在企业微信内置浏览器跳转返回后白屏的问题解决

weixin_30821731的博客

07-13

4461

需求,在企业微信上推送报价,在推送点击url的同时要调接口来告诉后台这条报价已点击(已查看) 当我先写判断是否可以点击,然后再掉接口,这样的话返回时候会白屏,估计是动作同时导致的,因为js来调接口并没有执行完成应该这样写~~这里后来也要更新新消息条数,所以也要等新消息接口调完再跳转 ps 图上的文字没用的哈~ 点击url返回之后会白屏,这样写不会 ---先调接口再跳转 btw,只有在企业微信...

android webview es6,vue2.0在android5.0白屏， es6转es5保证浏览器兼容性

weixin_29214715的博客

05-26

876

1. 安装npm install --save-dev babel-preset-es20152. 安装 npm install --save-dev babel-preset-stage-33.在项目根目录创建一个.babelrc文件(ES6转ES5配置) 里面内容最基本配置是：{// 此项指明，转码的规则"presets": [// env项是借助插件babel-preset-env，...

详解vue 项目白屏解决方案

01-21

在做的项目是使用 vue-cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题白屏可能的原因： es6 代码没有被编译成 es5 ； ...

微信内置浏览器打开所有页面空白解决方案

测试进阶之路

05-16

7717

一、问题描述微信版本3.6.0.18（当前最新版）问题描述：系统重装后新安装的微信，使用微信内置浏览器打开所有h5页面都显示空白页。二、解决方案打开Internet Explorer浏览器，进入设置-Internet选项-连接-局域网设置，取消为LAN使用代理服务器的勾选，点击确定，完成后再查看微信内置浏览器打开页面就能够正常使用。三、原理微信内置浏览器都是ie内核，直接调用的本机ie的设置，重装系统时ie浏览器默认打开了代理服务器，并且使用的端口8888不可用，导致ie浏览器也打不开

关于微信PC版内置浏览器和IOS11以下系统打开页面白屏的问题

程序员劝退中心

05-07

1万+

最近在开发的微信公众号项目出现了白屏的问题，安卓端一切正常，只在IOS11以下的苹果手机端和微信PC版内置浏览器打开才会发生。网上找了很多资料，最后确定是前端JS代码使用了ES6版本的语法，而IOS11以下和微信PC版是不支持ES6语法的，所以需要降低语法到ES5。前端人员在打包的时候进行了转换，但是还是无法解决问题。我们对打包后的文件再次进行转换，问题得到解决...

[处理方法]微信内置浏览器 打开页面空白

hkchoose的博客

06-07

5248

解决微信内置浏览器打开页面空白的原理 && 最差实践

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

VT_Liu的博客

07-25

8874

微信开发： H5开发在微信浏览器上,出现“白屏”问题在开发微信公众号的页面时，应该很多开发者会出现：从菜单栏点击跳转到页面时出现白屏或者授权完成重定向出现白屏。大致导致白屏的原因有以下几种： 1. 重定向次数过多原因：重定向次数太多，使用vue的$route.query取参会导致取不到参数。解决方案：使用原生js，解析获取参数 const getURLParameters = ur...

微信分享链接手机打开白屏

pansanday的专栏

05-16

1万+

问题描述：在做微信分享的时候，出现了一个问题，当一个人将活动分享给好友时，好友在微信中打开页面，页面进度条加载到80%左右时就不动了，之后进度条消失，屏幕无任何显示白屏状态，后台也无错误。问题原因：经过不断测试排查，发现是分享链接中的#号引起的！前端使用Vue.js，#是路由，但是微信却将分享出去的链接中#号后面部分截取掉了，导致后面带的分享来源参数被截掉了，页面呈现出一直在加载的状态。解决方案：...

微信pc端浏览器打开页面空白的问题