document添加visibilitychange事件
需要有前綴展东，-webkit- 赔硫、 -o-、-ms-盐肃、-moz-…
可以用hidden 或者 visibilityState 是否是document屬性來獲取前綴
const getHiddenProp = () => {
const prefixes = ['webkit', 'moz', 'ms', 'o'];
// if 'hidden' is natively supported just return it
if ('hidden' in document) return 'hidden';
// otherwise loop over all the known prefixes until we find one
for (let i = 0; i < prefixes.length; i++) {
if ((`${prefixes[i]}Hidden`) in document) {
return `${prefixes[i]}Hidden`
}
}
// otherwise it's not supported
return null;
}
visibilityState：visible | hidden
hidden: true | false
兼容性：iOS Safari 7開始支持
Android瀏覽器4.4開始支持爪膊，但是實(shí)測，安卓系統(tǒng)4砸王，5 Android Webview不能支持這個事件的監(jiān)聽推盛，所以還是要根據(jù)native端具體去測
