背景: 前端开发过程中, 经常会遇到浏览器版本不兼容的问题 , 如果不做特殊处理 , 新版本的浏览器就会把老版本的浏览器覆盖掉, 故使用以下方案支持多版本浏览器. 参考教程: https://liubing.me/chrome-multiple-versions.html
操作方案:
- 下载并提取启动器: https://portableapps.com/apps/internet/google_chrome_portable
- 下载下来是一个.exe 后缀的文件, 不要急着解压, 需要使用压缩软件将文件中的 .exe文件提取出来, 放在下载目录.
- 创建目录 : 在除C盘之外的其他盘创建一个目录 命名chrome . 在 chrome 中创建想要支持的浏览器版本的目录, 例如 90 , 84 ,65 等 .接着在每个目录中, 拷贝一份 步骤 1.a 中的 .exe 文件, 并重命名为 chrome-版本号.exe
- 在相应版本的目录中新建目录 App
- 下载离线版本的 Chrome 浏览器， 下载下来的是 .exe 结尾的可执行文件, 也不要着急点击打开 , 需要同步骤 1.a 使用压缩程序,将chrome.7z 提取到相应版本的App 目录 .
- 右键解压上一步的 .7z 压缩文件, 选择提取到当前目录, 会生成 Chrome-bin 目录 . 最终目录如下:
- 回到上一级目录, 运行步骤2 中制作的chrome-版本号.exe 即可运行相应版本的浏览器. 运行之后会看到当前目录有一个Data 的目录, 即是独立承载该版本浏览器数据的目录 .
- 将各版本目录中的 chrome-版本号.exe 发送快捷方式到桌面即可快捷打开 . ~~到这里就大功告成啦 ！
- 附，浏览器跨域方案：
- Chrome 90 以下浏览器， 快捷方式图标-->右键-->属性 在“目标” 中后面追加: --allow-outdated-plugins --disable-web-security --user-data-dir=D:\123 --remote-debugging-port=9222 -- 跨域域名
- Chrome 90 及以上浏览器 快捷方式图标-->右键-->属性 在“目标” 中后面追加: --disable-web-security --user-data-dir=D:\123 --disable-site-isolation-trials --disable-features=SameSiteByDefaultCookies
