使用兼容性视图访问站点

部分网站建设时间比较早,无法使用现代浏览器访问,此类网站往往会检测用户的浏览器环境,当浏览器无法支持访问网站时会对用户做出提示。
通常情况下,我们可以通过当前浏览器开发者工具(F12)模拟旧版本的浏览器以兼容古老的网站。

Screen Shot 2018-05-08 at 01.50.44.png

网站对用户提示兼容性存在问题的办法有以下两类:

1. 页面内提示,如下图所示:

Screen Shot 2018-05-08 at 01.21.41.png

此类提示在解决浏览器兼容性问题后自动隐藏

Screen Shot 2018-05-08 at 01.22.11.png

2. 跳转页面提示,如下图所示:

Screen Shot 2018-05-08 at 01.26.38.png

此类网站会单独打开新的页面提示用户存在兼容性问题。因为不管在什么环境下访问页面都会提示用户存在问题,因此提示信息无法自动取消,需要在更改浏览器兼容性设置后从最后浏览正常的入口重新进入页面

Screen Shot 2018-05-08 at 01.29.22.png


介绍完网站提示用户的两种方式及简单应对措施,下面描述一种特殊情况

在某些特殊情况下,仅仅使用浏览器开发者工具(F12)是不够的。如:

由于网站设计不合理,在一个新打开的窗口中立即检测用户浏览器环境并使用上述方法2提示用户,由于用户不可能在页面加载完成前使用开发者工具完成兼容性设置,所以用户永远不可能访问到正常页面。

针对此类情况,用户需要把当前站点所有页面都设置为旧版本的模式,此时可以使用兼容性视图,步骤如下:

  1. 在浏览器选项中打开兼容性视图设置

Screen Shot 2018-05-08 at 01.39.13.png

  1. 将需要以兼容性视图打开的站点加入列表

Screen Shot 2018-05-08 at 01.40.16.png

  1. 再次通过入口页面进入需访问的页面

Screen Shot 2018-05-08 at 01.43.25.png

  1. 现在,浏览器打开ntce.cn域名的所有页面都会模拟IE7的环境

Screen Shot 2018-05-08 at 01.42.22.png

  1. 此时,页面上还有排版错误,这是IE7版本过低导致的。再次使用开发者调试工具,选择一个合适的浏览器版本来访问当前页面,默认值是IE7,我们手动将版本调整为IE10,现在页面恢复正常了。

Screen Shot 2018-05-08 at 01.46.35.png

Tag: none

Leave a new comment