Chromeで、Inspectでページを検査したときに、画面の幅と高さが表示されない

どうやら最新のアップデートで削除されたようですが、F12キーを押した後、Ctrl + Shift + Mを押すと、デバイスモードの切り替えにアクセスすることができます。

この方法が気に入らない場合は、ウィンドウの現在の幅を知ることができるjavascriptに基づいたこの例を使用することができます。

var onresize = function() 
{
   var width = window.innerWidth
   || document.documentElement.clientWidth
   || document.body.clientWidth;
   console.log(width);
}

F12キーを押した後、Escキーを押すとコンソールが表示されます。

この回答を元に、https://stackoverflow.com/a/28241682/3399806

確かに便利な機能だったのですが、削除されてしまいました。 幸いなことに、同じ機能を実現するために使用できるChrome拡張機能があります。

ダウンロードはこちらから。ビューポートの寸法。

インストール後、ブラウザを再起動してください。お楽しみください。

ここに画像の説明を入力222。

私は自分で見つけた巧妙な小技を使っています。インスペクタの body ノードにカーソルを置いておくだけで、サイズ変更中も常にハイライトされます。私は、この機能を再統合してくれることを本当に願っています。

以下は分かりやすいように画像にしたものです。

ここに画像の説明を入力1。