Safari忽略window.matchMedia [英] Safari ignore window.matchMedia
问题描述
我正在使用window.matchMedia条件,以避免在移动设备中注入视频。 这里它说自从Safari 9(我正在测试它)后,matchMedia将顺利运行,但是我的代码完全被忽略了:
I'm using window.matchMedia conditional in order to avoid the inject of a video in mobile devices. Here it says that matchMedia is going to work smoothly since Safari 9 (I'm testing on it), but my code is completly ignored:
if ( window.matchMedia("(min-width: 1025px").matches) {
console.log('match');
document.addEventListener("DOMContentLoaded", function() { initialiseMediaPlayer(); }, false);
function initialiseMediaPlayer() {
(stuff here...)
}
}
此代码适用于Chrome,Chromium,Firefox,IE和Edge。
This code works perfectly on Chrome, Chromium, Firefox, IE and Edge.
有没有人有一个类似的问题?
Does anyone had a similar issue?
推荐答案
问题在于格式化,奇怪的是其他浏览器修复了行为,即使它格式不正确。在1025px之后,它缺少一个额外的结束)括号。尝试:
The issue is in the formatting, oddly enough the other browsers fix the behavior even though it is malformed. It's missing an additional closing ")" parenthesis after the 1025px. Try:
if ( window.matchMedia('(min-width:1025px)').matches) {
console.log('match');
document.addEventListener("DOMContentLoaded", function() { initialiseMediaPlayer(); }, false);
function initialiseMediaPlayer() {
(stuff here...)
}
}
这篇关于Safari忽略window.matchMedia的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!