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

不是专业搞前端，在耕田过程(vue3, es5)，发现做好的界面在PC版微信内置浏览器中打不开（打开空白，什么都冇有），在edge，chrome都正常，手机端也都正常。

解决思路：

1、直接在PC版微信内置浏览器中调试

结论：无能为为。微信是最新的 3.7.0.29版本，网上没找到相应的打开devTools的方法。

2、研究内置浏览器是什么内核，用相同内核浏览器瞧瞧是什么问题

结论：可行！

常见在线查看浏览器内核网址：

http://wx.gnnu.work/

PC端 - 查看微信内置浏览器版本

浏览器内核检测

将以上三个网址随便找个人发送，然后，直接在电脑版微信点击打开。

对！我都打不开！！！（气死！）换一个：

在线浏览器检测_ip33.com

好，终于打开了。

外壳：chrome 81.0.4044.138

挺旧的。上网下载个绿色版（便携版）

打开网址，查看console：

原因一下子就造了；

replaceAll在老古董中，不支持。

但replaceAll也有很多坑，传统用正则表达式的方式 (/g)，网上大部分代码都没有对要替换的字符中的正则符号做转义处理。

这里顺便贴个代码：

if (typeof String.prototype.replaceAll == "undefined") {String.prototype.replaceAll = function(match, replace) {const reg = match.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')return this.replace(new RegExp(reg, 'g'), replace);}
}

代码来源：How to replace all occurrences of a string in JavaScript - Stack Overflow

我直接放到 main.js 最下方了。

然后就完美解决了！

// 文章随意转载，转载后出名了，帮助了更多人，不把原作者供出来就行了

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

判断网页是否为微信内置浏览器打开？
文章目录 (两种方法)教你:"如何判断网页是不是在微信端内置浏览器打开?" 本文根据项目开发实际情况,着重探讨在微信内置浏览器中调用支付功能,遇到的几个坑! 目的: (方法一)全部 ...
博客园在微信内置浏览器打开时添加微信赞赏码功能
我的博客开通了赞赏,看右侧悬浮[打赏],很容易弄,文末有链接. 另外,在微信中打开时,博客正文底部增加微信赞赏码,在微信内置浏览器打开时,长按图片识别,直接可以赞赏. 这本人自己摸索的,未参考任何博文 ...
苹果手机用微信内置浏览器访问页面，如果出现微信底部工具栏遮挡页面的情况
苹果手机用微信内置浏览器访问页面,如果出现底部工具栏遮挡页面的情况,可以用这串代码解决: pushHistory();function pushHistory() {var state1 = {tit ...
python打开火狐浏览器打不开网页_PHP让指定网页只能在微信内置浏览器打开附代码...
有时候,有些网页不方便在电脑或者手机QQ打开,比如:想创建一个微信活动页面,在电脑或者QQ打开会导致某些功能失效,页面错版等情况,为了避免出现这种情况,其实我们只需让它只能在微信打开就可以了. 电脑和 ...
网页链接无法使用微信内置浏览器打开的解决方案，实现微信跳转外部浏览器打开网页
最近很多做微信推广的朋友经常会问我为什么网页链接在微信内转发很容易被拦截,问我有没有办法解决.其实这并不难,只要我们实现微信跳转功能即可,下面给大家说说如何实现微信跳转外部浏览器的功能. 功能目的生 ...
解密-大象跳转如何实现微信中点击链接直接跳到默认浏览器（不是在微信内置浏览器打开）
很多朋友不知道如何实现微信中点击链接直接跳到默认浏览器的功能是如何实现,经常能在各大论坛看到这样的提问,故特写了这篇文章分享一下之前在网上看到的一个在线使用该功能的平台的操作方法. 大象跳转在线操作步 ...
在浏览器中打开“只能用微信内置浏览器”打开的页面
官方已修复, 此方法已失效, 评论不再做回复- 1)chrome浏览器,或者chrome内核的浏览器(2345浏览器.360浏览器等等) 2)按F12键,开启调试模式. 3)Network选项卡中,点 ...
js判断是微信、QQ内置浏览器打开页面
var ua = navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i)=="micromessenger" ...
vant van-uploader 微信内置浏览器打开h5页面无法调起手机拍照
错误代码:(普通浏览器调起是正常的) 正确调起相机的代码: 仅此记录一下,期间各种折腾,jssdk的方式也出来了
微信中点击链接直接跳到默认浏览器是怎么实现的？（不是在微信内置浏览器打开）
微信扫描二维码安装apk时,如何避免点击右上角? --这个问题困扰很多App的推广团队. 其实自从腾讯开放平台战略以来,拥有中国强大互联网资源的腾讯站在更高的战略高度上,以自信的态度面对互联网生态链, ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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