このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなくて損したPC情報とかを分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

このブログ内をキーワードで検索することもできます。
Loading



最新記事
  • Gmailログイン時に「Chrome」が自動ログインしないようにする (10/19)
  • ニコニコ動画に再生速度ボタンを設置するスクリプトを修正しました (10/17)
  • iPhone:変態から「AirDrop痴漢」されないための自衛と対策 (10/15)
  • Windows:標準機能を使ってPCの性能を測定してみる (10/12)
  • Affinity Photo:「アンカーポイント(回転の中心)」を使いこなす (10/10)
  • 管理人より
    2300万アクセス突破しました。ありがとうございます。

    Firefox:レスポンシブデザインモードでダイアログが出ないバグ

    このエントリーをはてなブックマークに追加
    操作画面


    こんにちは、さち です。

    先日、Firefox のレスポンシブデザインモードを使って
    スマホ用サイトの動作テストをしていました。

    しかし、alert() によってダイアログが出るはずのところで
    何も起きないという問題が発生。

    コードに問題があるのかと思い見直しましたが
    タイプミスなどは見つかりません。

    どゆこと?




    サンプルページの作成

    ボタンをクリックするとアラートが出て、背景色がオレンジに変化します。
    <div>
    <button>かーん!かーん!</button>
    </div>

    var body = document.getElementsByTagName('body')[0];
    var button = document.getElementsByTagName('button')[0];
    button.addEventListener('click', function() {
    alert('み・か・ん!');
    body.style.backgroundColor = 'orange';
    }, false);

    見た目はこんな感じです。
    操作画面




    レスポンシブデザインモードだとアラートが出ない

    1. レスポンシブデザインモード(Ctrl + Shift + M)にして、ボタンをクリック。
      操作画面

    2. しかし、アラート(ダイアログ)は出ません。
      アラートの処理をすっ飛ばして背景色がオレンジになってしまいました。
      操作画面

    レスポンシブデザインモードでないときは
    ちゃんとアラートが出るので、コードに問題はありません。
    操作画面

    場合によっては、alert() の部分で処理が中断されてしまい
    それ以降のコードが実行されないこともあります。

    今回の例は、「OK」をクリックするだけの alert() なので
    不具合とはいえ、大きな支障はないですが
    実は、confirm(), prompt() でも同様の症状が出ます。

    本来、confirm() では「OK/キャンセル」の選択が行われますが
    勝手に「キャンセル(false)」が送られてしまいます。
    「OK」のときの動作テストができないので面倒です。

    ちなみに、新規作成したプロファイルでも不具合が出たので
    アドオンやその他の設定が原因である可能性は低いです。

    すでに2年前から確認されているようですが、今も放置されています。
    Developer Edititon(Firefox 61) でも直っていないですし
    今後も放置され続ける可能性が高そうですね……。

    スマホ用サイトの動作テストには Chrome を使った方がいいかもしれません。









    このエントリーをはてなブックマークに追加




    管理人だけが読めるコメントにする(返信はしません)
    【お知らせ】
    • コメントは承認制です。反映に時間がかかります。
    • Yahoo!BBはスパムコメントが多いため一部規制中です。
    • URLを含む投稿はできません。必要な場合は最初のhを削って下さい。
    • 記事に直接関係ない個人のトラブルにはお答えできません。
    • Android は使ったことがないので質問を頂いても答えられません。
    • その他詳細はこちら





    記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

    2008-2018 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ