Firefox 80.0 で砂時計が気になる

Firefox関連
firefox57
スポンサーリンク

症状

Firefox 80.0 以降、ページローディング中にタブに表示されるファビコンが、読込中を示す青い「砂時計」アイコンになりアニメーションするようになった。

対象はWindows7、Windows8、Windows10、その他OSと幅広く出ているようで、これがうっとおしく感じる方が多いようです。

原因

同時に「俺の環境では砂時計になんてなってないぞ」という方もかなり居ます。

この症状の出ていないのは、Windows(OS)側の設定で「アニメーション表示設定をオン」にしている方で、”アニメーションをオンにしている時に砂時計は表示されない”という現象になっています。

どうやら80.0から、このOSのアニメーション設定をローディング中の状態表示に反映するように変更した模様です。

対策

対策としては、簡単なもの(OS設定の変更)とFirefoxの設定をいじるものとの2通りあります。

順番に見ていきましょう。

1.OS設定の変更

上で述べたように、OSのアニメーション表示設定を変更すれば砂時計は消え今まで通りの表示になります。まずはこの設定を試してみましょう。

OSごとに対応が異なります。概要を書いておきますが、細かい設定方法が異なる可能性があります。詳細は各自調べてください。
  • Windows 10:設定 > 簡単操作 > ディスプレイ > Windowsにアニメーションを表示する
  • Windows 7: コントロールパネル > コンピューターの簡単操作センター > コンピューターでの作業に集中しやすくします > 必要のないアニメーションは無効にします (可能な場合)
  • macOS: システム設定 > アクセシビリティ > 表示 > 動きの抑制
  • iOS: 設定 > 一般 > アクセシビリティ > 視覚効果を減らす
  • Android 9 以上: 設定 > ユーザー補助 > アニメーションの削除

これで砂時計表示はなくなるはずです。

参考)prefers-reduced-motion – CSS: カスケーディングスタイルシート | MDN

 

2.Firefoxの設定で対応する

次はFirefox側の設定で乗り切ろうという方法です。

特にPC環境があまり高速ではない場合などOSアニメーションをオンにしたくない場合などは、こちらが良いでしょう。ただし、こちらは一時的な対応であって今後再対応を求められる可能性があるのではないかと思われます。

  1. Firefox で「about:config」を開く ※警告が出る場合があります
  2. ui.prefersReducedMotion」と入力します
  3. (既存設定がない場合は)型を選択する表示が出ますので、”整数値”を選び、右の「+」を押します ※初期値は真偽値です
  4. テキスト入力になるので「1」を入力し、右のチェックを押して完了します ※デフォルトは「0(ゼロ)」
  5. 以上です ※Firefoxの再起動も不要です
なおこちらの設定を破棄したい場合は、同様の手順で2まで進み、右端のゴミ箱アイコンで削除しましょう。

 

タイトルとURLをコピーしました