66

Chromeデベロッパーパネルでは、このツールは...

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

要素を選択してDOMビューで直接移動し、CSS属性を確認できます。

Safariにも同じツールがあります。

そのツールをアクティブにするためのキーボードショートカットはありますか(パネルを開いた後)?

4

5 に答える 5

127

要素の検査モードとブラウザウィンドウを開く/切り替えるには、次の操作を実行できます。

  • Macの場合-⌘</kbd> + Shift + C

  • Windows/Linuxの場合- Ctrl++またはShiftCF12

より便利なキーボードショートカットについては、開発者ツールのドキュメントを参照してください。

于 2012-08-06T17:42:36.853 に答える
6

ショートカットはCtrl++ (ソース)ですShiftC

Webページの任意の要素を右クリックして、をクリックすることもできますInspect element

于 2012-08-06T17:44:37.423 に答える
4

Linuxの場合もCtrl+Shift+C。

于 2013-10-31T19:49:51.547 に答える
2

WindowsおよびLinuxで、下部にある[要素の検査]ペインを表示するには:

  • 次のいずれかを使用できます:Ctrl++ShiftC

  • または、次を使用できます。F12

通常、Webページの要素を右クリックしてクリックすることはできますがInspect element、ページにJavaScriptがあり、そのページの右クリックを無効にする場合のこれらのキーボードショートカットを知っておくと便利です。

于 2013-10-25T12:28:55.427 に答える
2

Macでは使用できます⌘</kbd> + ⌥</kbd> + I

これは私のために働くものです。

これらすべてのショートカットを見つけることができるリソースは次のとおりです https://developers.google.com/web/tools/chrome-devtools/shortcuts

于 2017-08-25T06:33:35.820 に答える