• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

Google Chrome

Chrome DevTools

Top / Chrome DevTools

What's new

• https://developer.chrome.com/blog/new-in-devtools-105/

ドキュメント

• https://developer.chrome.com/docs/devtools/

プロトコル

• Chrome DevTools Protocol

リポジトリ

• github.com/ChromeDevTools

タブ

• Chrome DevTools/Elements?
  Chrome DevTools/Console?
  Chrome DevTools/Sources?
  Chrome DevTools/Network
  Chrome DevTools/Performance?
  Chrome DevTools/Memory?
  Chrome DevTools/Application
  Chrome DevTools/Security?
  Chrome DevTools/Lighthouse?
  Chrome DevTools/Recorder?
  Chrome DevTools/Performance insights?

• なくなった

  Chrome DevTools/Audits?
  Chrome DevTools/Remote devices?

キーボードショートカット

• Windows	Ctrl+Shift+I
  macOS	Command+Option+I

API

• Chrome DevTools/コマンドラインAPI

難読化解除

• 左下の{}("Pretty print")ボタンを押す。

エミュレーション

• 設定のOverridesのところで有効化

デバイス

• Kindle Fire HD 7?
• Kindle Fire HD 8.9
• Kindle Fire
• iPad
• iPad mini
• iPhone
• Nexus 4
• Nexus 5
• Nexus 10
• Nexus 7
• Nexus 4
• BlackBerry
• Motorola
• Nokia
• HTC
• LG
• SAMSUNG
• Sony
• とか

スライド

Web開発に必携の「Google Chrome デベロッパーツール」の便利ワザ10個まとめ

• http://20kaido.com/archives/7524821.html

参考

• http://ameblo.jp/ca-1pixel/entry-11631923942.html
• http://rochas.cc/blog/2013/12/09/frontrend.html