今天遇到一个问题,部署出去的网站在客户的电脑上打开之后,很多样式都丢失了,导致页面出现大批量的错位,无法正常使用。

询问了一下,客户的浏览器用的谷歌浏览器,但是版本还是76(这个是2019年发布的版本),初步怀疑是浏览器版本过低的原因。

于是提醒用户更新浏览器,然后我也想验证一下是不是浏览器版本过低导致的问题,所以我就准备找旧版本的浏览器调试一下。

先找到了可以现在老版本谷歌浏览器的网址:

  1. www.slimjet.com.
  2. www.chromedownloads.net

到这里下载了老版本谷歌浏览器,软件安装也成功了。安装成功后,应用列表里会多一个 Google Chrome 2 ,当我想打开这个软件的时候,怎么弄都打不开。

查了相关资料找到了解决方案,需要在终端中执行如下命令来启动老版本浏览器:

/Applications/Google\ Chrome\ 2.app/Contents/MacOS/Google\ Chrome --user-data-dir=%HOME/chrome-profile --chrome-version=61.0.3163.79
  • /Applications/Google\ Chrome\ 2.app/Contents/MacOS/Google\ Chrome: 指定要打开的应用程序在系统中的位置,可以把 Google Chrome 2 拖到终端里查看路径
  • --user-data-dir=%HOME/chrome-profile: 指定用户数据存放的路径
  • --chrome-version=61.0.3163.79: 指定 Chrome 版本

一般来说,我们只要修改这个命令中的 版本号 就可以直接运行了。

这种启动的浏览器存在一个小问题,就是我们在当前浏览器上的各种数据都不会同步到通过命令启动的浏览器上,需要重新登陆一遍。

回到原始问题,当我用老版本浏览器来访问我们的产品时,确实发生了样式布局错乱的问题,由此确定,确实是浏览器版本导致的样式问题。

所以我们给出的解决方案是让用户把浏览器升级到最新版本,同时,给出了一个建议最低版本是 v88(该版本建议源自公司内同类产品建议)。

原文: