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

How Enable View Rulers Chrome Devtools

解決:

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

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



定規を表示する


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

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

    定規を表示する

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

    定規


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

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

ここに画像の説明を入力してください