电脑上安装使用多个版本的谷歌浏览器

在前端开发过程中,经常会遇到这样的情况:本地调试没问题的系统,在部署到客户环境后就出现页面样式错乱或功能卡顿等现象。这其实和浏览器版本兼容性有关系,尤其是低版本的 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 这个文件打开浏览器

可以看到打开的浏览器版本和我们安装的版本一样

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

相关推荐
妖孽白小白43 分钟前
el-select的内容续写实现
前端·vue.js·elementui
不可能片场1 小时前
Electron 主进程热补丁:单行 JS 安全打法
前端·electron
梨想橙汁1 小时前
Pinia 状态管理实战:定义 Store、修改数据、模块拆分
前端·vue.js
高申航1 小时前
Vue 3 + DYMO Connect Framework 实战:从标签模板到打印服务的完整实现
前端·javascript·vue.js
梨想橙汁1 小时前
Vue3 组件开发:生命周期钩子,组件之间通信全方案
前端·vue.js
雪芽蓝域zzs1 小时前
分页组件 + el-config-provider 中文国际化 + 靠右布局
前端·javascript·vue.js
恋猫de小郭1 小时前
iPhone Duo 适配详解,需要改变的不止是布局模型
前端·flutter·ios
萧行之1 小时前
Observable Plot 源码深度解析——4 核心抽象逐项学习
前端·学习·数据可视化
今日无bug2 小时前
为什么大模型回答总是一个字一个字蹦出来?聊聊 SSE 流式输出与 BFF 层的那些事
前端·llm
CIO_Alliance2 小时前
AI微调系列(1)| 全量微调、LoRA、QLoRA 三种方案怎么选
前端·人工智能·神经网络·机器学习·embedding·企业ai转型