javascript - FireBug が有効な場合、matchMedia は null を返します

Question

私のWebアプリケーションはmatchMedia. この関数の呼び出しは、null渡された値に関係なく返されることがあります。奇妙ですが、常に発生するとは限らず (おそらく 3 回に 1 回)、FireBug が開いている FireFox でのみ発生します。誰もそのような問題に直面しましたか?

Answer 1

非表示（表示：なし）のiframeで呼び出されると、FFでmatchMedia()がnullを返すようです。jQuery UI のタブ ウィジェットを使用し、タブ パネルが iframe である場合に、この動作に遭遇しました。私の回避策は、jQuery UI の .ui-tabs-hide CSS クラスをオーバーライドすることでした。

.ui-tabs-hide { display: block !important; position: absolute; left: -99999px; }

Answer 2

Matchmedia は非表示の iframe の場合は null を返します. window.matchmedia にアクセスする前にこのコードを使用できます.

if(typeof window.matchMedia == 'function' && window.matchMedia!=undefined && window.matchMedia('screen and (max-width: 650px)')!=null){ //Your code goes here }

Answer 3

私はこれをしなければならないことがわかりました:

if (w.matchMedia == null ){ 
    format = uformat; 
} else if(w.matchMedia(qo) != null) {
    if (w.matchMedia(qo).matches || w.matchMedia(q).matches ) {  format = mformat; }
} else {
    format = uformat; 
}