在xp系统下,我们一般要求用户使用chrome49,这是chrome支持xp系统的最后一个版本。
下载地址: https://www.icka.org/2490/the-last-version-chrome-fo-xp
一、不支持globalthis
从上图我们知道,globalthis至少需要chrome71版本,导致在xp系统下项目无法打开,页面空白。
# 在main.js中插入以下代码
if (typeof globalThis === 'undefined') {
window.globalThis = window
}
二、 父元素flex:1,子元素height:100% 失效
方案1: 通过js代码调整,经过测试发现,当flex:1的父元素设置高度后,页面恢复正常。
import {
throttle } from 'lodash-es'
const userAgent = window.navigator.userAgent
function getCurrentSystem() {
var systemName = ''
if (userAgent.indexOf('Windows NT 10.0') != -1) {
systemName = '10'
} else if (userAgent.indexOf('Windows NT 6.2') != -1) {
systemName = '8'
} else if (userAgent.indexOf('Windows NT 6.1') != -1) {
systemName = '7'
} else if (userAgent.indexOf('Windows NT 6.0') != -1) {
systemName = 'vista'
} else if (userAgent.indexOf('Windows NT 5.1') != -1) {
systemName = 'xp'
}
return systemName
}
function getChromeVersion() {
var uarr = userAgent.split(' '