在前端开发过程中,经常会遇到这样的情况:本地调试没问题的系统,在部署到客户环境后就出现页面样式错乱或功能卡顿等现象。这其实和浏览器版本兼容性有关系,尤其是低版本的 Chrome 浏览器在 JavaScript 处理性能和 CSS 样式支持方面存在差异。面对这种情况,我们就需要电脑上能支持多个版本的谷歌浏览器,方面我们模拟客户的浏览器环境,进行代码调试并解决问题。
针对这个情况,我们也不用把原来使用的谷歌浏览器删掉,按照下面的方式就可以在电脑上支持多个版本的浏览器,另外同时打开多个不同版本的浏览器也是不受影响的。
1、下载所需版本的chrome谷歌浏览器安装包 https://www.chromedownloads.net/chrome64win/
这是下载的文件

2、解压文件
在E盘(随便哪里),新增一个名为chrome-more的文件夹存放多版本的谷歌浏览器。进入文件夹,新增谷歌版本名称的文件夹,将之前下载的压缩包文件放到这个文件夹里,进行解压


解压后得到chrome.7z这个文件

然后再解压chrome.7z这个文件,得到Chrome-bin文件夹内容

删掉之前两个文件,只保留Chrome-bin

3、下载谷歌浏览器多版本兼容包
https://download.csdn.net/download/Hi_MrXiao/92658512

将下载的压缩包内容解压到我们之前对应的版本文件夹里 E:\chrome-more\69.0.3497.81,
解压后这个文件夹里相关文件应该有下面这些

最后把Chrome-bin文件夹移到这个App文件夹里,就大功告成。


我们就可以尝试使用这个69.0.3497.81版本的浏览器,双击版本文件夹里GoogleChromePortable.exe 这个文件打开浏览器

可以看到打开的浏览器版本和我们安装的版本一样
按照上述方法,我们可以安装多个不同版本的浏览器,这样模拟客户环境对代码调试就方便很多。
