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

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

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

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

相关推荐
林希_Rachel_傻希希5 分钟前
js里面的proxy理解。以及vue3响应式数据设计底层
前端·javascript·面试
sunrains5 分钟前
uniapp x 动态Tabbar(切换无闪烁)+动角标+主题切换+自定义tabbar页面导航栏样式设置 支持服务端动态配置根据角色动态设置Tabbar
前端
把马铃薯变成土豆6 分钟前
前端Stripe跨境支付对接感想
前端·源码
牧艺8 分钟前
用 Three.js 实现一个浏览器端 3D 看车的项目
前端·three.js
hunterandroid10 分钟前
WorkManager:可靠的后台任务调度
前端
hunterandroid14 分钟前
[Android 从零到一] Navigation Component:让页面跳转更清晰
前端
搬砖的码农15 分钟前
(05)进程一关对话就没了:聊天记录怎么存、重启怎么恢复
前端·agent·ai编程
Csvn1 小时前
Vue 3 defineModel 翻车实录:多个 v-model 绑定到底怎么写?
前端·vue.js
甲维斯1 小时前
坦克大战测试全翻车了!豆包,DeepSeek,Qwen,GPT,Claude
前端·人工智能·游戏开发
乘风gg2 小时前
还在养虾吗?虾王已诞生:微信龙虾 ClawBot
前端·ai编程·claude