项目场景：

微信端无法使用window.open进行文件预览

问题描述

在微信测试环境拿到要跳转的链接url,使用window.open(linkUrl),没有起作用,而且代码也没有报错

原因分析：

window.open会被浏览器拦截，导致无法正常弹出

解决方案：

首先，需要对是否是微信端进行判断，判断当前页面所在的环境是不是微信内置浏览器

const isWeiXin = function() {var ua = window.navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == 'micromessenger') {return true;} else {return false;}}

在微信浏览器环境下使用window.location.href

if (isWeiXin())
{window.location.href = this.baseURL + res.data.data + '?token=' + localStorage.getItem('authorization');//验证token
}else{window.open(this.baseURL + res.data.data, '_blank');
}

解决微信端无法使用window.open打开文件的问题相关推荐

移动端左右滚动导航，以及解决微信端不支持滚动导航touchmove的问题
今天开发一个移动端的左右滚动导航,用到了touchmove属性.本地测试没问题,放在移动端的浏览器也没问题,微信开发工具里也没有问题,但是放在微信公众号里打开之后,滑动效果不起作用.从网上找了一下解决 ...
解决微信端网页IOS手机的date乱码NaN问题
1.解决微信端网页IOS手机的date乱码NaN问题. IOS:Safari不兼容Javascript中的Date问题(date乱码NaN)把new Date(Date.parse(date.repl ...
如何解决微信端不能直接跳转浏览器
现阶段,微信推广是传播信息速度最快的方法,见的最多的就是在海报上贴上微信二维码,让看到的人都能立刻了解到自己的产品,但是由于微信官方要维持一个绿色的环境, 因此对扫码推广有着非常苛刻的审查, 虽然没有 ...
H5解决IOS端无法使用摇一摇功能，解决监听devicemotion失效问题
IOS端无法使用摇一摇功能,主要方法是对devicemotion的监听,devicemotion如果不清楚是做什么的,可以找下度娘. DeviceMotion 到底是何物? 在 window 对象中存 ...
微信小程序不支持打开非业务域名_一行代码网站封装微信小程序，并解决微信小程序不支持打开非业务域名https://,请重新配置的问题！...
一行代码封装微信小程序利用「」一行代码原封不动的把你现有博客或者网站封装成小程序. 第一步注册微信小程序账号并登陆,点击菜单栏 "开发" 中的"开发设置", ...
解决移动端使用window.open跳转链接时，苹果iOS没有反应的问题
移动端使用window.open跳转链接时安卓可以正常跳转,但是iOS苹果上没有反应,百度了下说是因为苹果的安全机制拦截了,所以不能打开新的标签页,然后就使用了网上的方法: var winRef = ...
解决微信小程序报[ app.json 文件内容错误] app.json: app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。小程序app.json报错
编译报错:[ app.json 文件内容错误] app.json: app.json 未找到原因:由于project.config.json文件的miniprogramRoot小程序根目录属性找不到 ...
解决微信小程序报[ app.json 文件内容错误] app.json app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。小程序app.json报错
编译报错:[ app.json 文件内容错误] app.json: app.json 未找到原因:由于project.config.json文件的miniprogramRoot小程序根目录属性找不到 ...
如何解决微信端直接跳WAP端
现在几乎所有人都使用微信APP,而且对于要做推广的人,所有的产品几乎都离不开微信的推广,然而腾讯会维护微信生态圈,都不会自动跳转到你推广的链接上,通常都会出现下面的提示,那要怎样实现在微信内置浏览器里 ...
解决微信浏览器无法使用reload()刷新页面
场景是这样子的,页面在初始化时有一个ajax请求,在页面上有一个按钮,点击的时候执行window.location.reload(),正常情况reload()后页面依然会向后台发出请求,但在安卓的微信 ...

解决微信端无法使用window.open打开文件的问题

项目场景：

问题描述

原因分析：

解决方案：

解决微信端无法使用window.open打开文件的问题相关推荐

最新文章

热门文章