我用360浏览器兼容模式下打开的网页是空白，用极速模式就打的开是怎么回事

Posted 2023-05-10

用兼容模式时就会出现图片上的情况是什么问题，高手求教！！！
就是打开这个邮箱的网页有问题，其他都没有什么问题

可能是360浏览器和一些插件不兼容；建议你换个浏览器试试；我现在用的QQ浏览器就很好；它的体积小，功能多，稳定性、安全性、兼容性都比较强。再加上他的超级内核，使你的上网速度更快速流畅；这款软件不但省流量，而且还拥有安全便捷的支付能力，让你轻松体验上网支付的快捷和安全，消费起来更省心，是我们日常生活的好帮手。不错； 参考技术A 可能IE8不支持展示这个jsp页面，也可能是IE内核损坏导致的，浏览器设置里可以修改默认使用的内核，切换成极速就行 参考技术B 你好；可能是你的兼容模式不支持，你可以更换一个浏览器，QQ浏览器就很好用，它的兼容性能很好，适合各种配置的电脑使用，它的体积小，功能很强大，浏览速度非常的快，搜百度，搜网页可以一键即达，没有缓冲现象。它的下载功能也很强大，还有智能下载，你在下载文件的同时不耽误浏览网页，上网聊天。下载完毕，提示您安装，可方便了。谢谢。望采纳。 参考技术C 你打开的网站禁止IE内核浏览器浏览本回答被提问者采纳

360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来，但是极速模式可以显示？

问题

最近遇到一个验证码出不来的问题，在360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来，效果如下：

这个验证码的代码元素如下，是一张图片，由接口提供的一个图片链接，返回的是文件流。

原因

我找了一个其他网址，发现在360极速浏览器以及360安全浏览器在兼容模式下验证码图片可以显示出来

这个验证码的代码元素如下，是一张 base64 的图片

于是我猜想是不是360极速浏览器以及360安全浏览器在兼容模式下需要base64的图片才行，于是我将上面改成base64的尝试一下。

解决

有了上面的猜想方案，下面来实践一下

添加 @/utils/blob.js 文件

import axios from "axios";
// blob二进制 to base64
function blobToDataURI(blob, callback) 
    let reader = new FileReader();
    reader.onload = function (e) 
        callback(e.target.result);
    
    reader.readAsDataURL(blob);

// blob 二进制转 base64
export function blobToBase64(url, data, callback) 
    axios(
        method: "get",
        url, // 请求地址
        data, // 参数
        responseType: "blob", // 表明返回服务器返回的数据类型
    ).then(res => 
        let blob = new Blob([res.data],  type: "iamge/png" );
        console.log("blobToBase64---->", blob);
        blobToDataURI(blob, (res) => 
            console.log("res---->", res);
            callback(res);
        )
    ).catch(err => 
        console.log(err);
    );

调用该方法：

// blob转base64
import  blobToBase64  from  "@/utils/blob.js";
blobToBase64(`/minstone-auth/imgcode?r=$Math.random()`, null, (res) => 
    this.codeSrc = res;
)

改完之后，就可以了。