Chrome DevToolsでルーラーの表示を有効にするにはどうすればよいですか？

How Enable View Rulers Chrome Devtools

解決：

[要素]セクションの[DevTools設定]> [設定]で有効にできます。

アップデート： それらのほとんどはそれを使用する方法で混乱するかもしれません。使用するには、コンソールを開き、要素にカーソルを合わせてルーラーを表示します。コメントで言及してくれた@Branditoに感謝します。

1. クリック デバイスツールバーの切り替え これは、DevToolsウィンドウの左上にあります。

   
   
   

2. クリック より多くのオプション 次に選択します 定規を表示する 。

   

   ルーラーはビューポートの左側と上部にあります。数字をクリックすると、幅と高さをそのサイズに設定できます。

   
   
   

   

Chromeの設定をクリックしてから、次の操作を行います。

1. [設定]で、[DevToolsを有効にし、ルーラーを有効にします。
2. ページに移動して右クリックし、[検査]をクリックします。
3. [デバイスツールバーの切り替え]アイコン（DevToolsウィンドウの左上）をクリックします。