ブラウザの Google Chrome でネットを見ていて別のタブやウインドウを操作するとそのサイトの動作が完全に止まってしまうようなサイトを見たことはありませんか？、このようなサイトを別の作業をしながら放置したままで動かす方法はありませんか？というご質問を頂きました、詳しいサイトの情報などはなかったのですが、なんでもそのサイトは他のタブや別のアプリのウインドウを操作しようとすると動いていたカウントダウンが止まるらしく、他の作業をしたままこのカウントダウンも進めたいという内容の質問でした、確かに他のタブや別のウインドウを操作すると動画の再生が止まったり流れていた音楽が止まったりするサイトってあるんですよね、Chrome などのウェブブラウザにはタブが操作されているのかを判定するような仕組みがあります、ですので恐らくご質問のサイトもこの仕組みを利用してカウントダウンを停止しているのだと思うので、デベロッパーツールでフォーカスを固定すると回避できるのではないかと思います、という事で今回は Google Chrome でこのフォーカスの固定をおこなう方法を確認してみましょう、ちなみに Edge や Vivaldi などのブラウザでもまったく同じ事ができますが、デベロッパーツールのレイアウトが異なるので Chrome 以外のブラウザだと目的の設定項目にたどり着くまでちょっと迷ってしまうかも知れませんね。
タブの「フォーカスを固定する」には「Emulate a focused page」という設定を有効化する必要があります、まず他のタブや別のウインドウを操作すると止まってしまうサイトを Chrome で開いた状態でキーボードの「F12」キーを入力してください。
するとウインドウの右側に「デベロッパーツール（DevTools）」というサイドバー？が開きますので上部のメニューから「ソース（Sources）」を選択しましょう。
次に右上の「︙（Source の右端辺りにあります）」をクリックしてメニューの「More tools」にカーソルを合わせて、追加でメニューが開いたら「Rendering」を選択します。
これでデベロッパーツールの一番下の方に「Rendering」が開きましたよね、あとはこちらを少し下にスクロールして「Emulate a focused page」にチェックマークを付ければ完了です、これでこのタブのフォーカスを固定する事ができたので他のタブや別のアプリのウインドウを操作しても動作は止まらないはずです、必要がなくなったら最期にもう一度「F12」キーでデベロッパーツールを閉じれば元通りですね、この設定のまま閉じておけば次回は「F12」キーでデベロッパーツールを開くだけで良いはずです、ちなみにフォーカスを固定する間はデベロッパーツールは閉じず開いたままの状態にしておいてください。
コメント