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

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

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

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

相关推荐
NutShell Wang40 分钟前
Vite 8.1 深度拆解:Rolldown 统一打包器如何终结前端构建的「双引擎时代」
前端·rust·开源·vite·开发者工具·vibe coding
朱容zr33313341 分钟前
请解释“回表”的概念。
java·前端·数据库
leslie1181 小时前
webpack笔记
前端·webpack
宁风NF1 小时前
JavaScript:内存、垃圾回收、性能优化
开发语言·前端·javascript·学习·性能优化·es6
勾勾圈圈蛋蛋1 小时前
DOM、BOM、DOM操作详解 + 结合Vue响应式关联梳理
前端
打妖妖灵滴哪吒2 小时前
IOS模态窗口的作用与设计原则
前端·ui
午安~婉2 小时前
挑战二:博客预览卡片
前端·javascript·html
环境栈笔记2 小时前
指纹浏览器安全评测方法:核对环境、数据与权限后再选型
前端·人工智能·后端·自动化
打妖妖灵滴哪吒2 小时前
前端开发/UI设计师-APP中如何进行可发现性设计
前端·ui
Kinghiee2 小时前
从使用场景切入前端常见设计模式
前端·设计模式