クロームのdevのツールを使用してクロムdevのツールのパフォーマンスフレーム

Question

からスクリーンショットを取得するにはどのように、どのように

Answer 1

1. スイッチを共有するために正確な時間に正確なスクリーンショットを取得するには、デベロッパーツールで別のウィンドウにドッキングモードをデベロッパーツール設定3ドットのアイコン。
   
2. Ctrlキーシフト私ときデベロッパーツールのウィンドウを押してデベロッパーツール-デベロッパーツールについてを呼び出す（このオプションは、は、CtrlキーシフトDドッキング切り替えるには、/ドッキング解除状態で使用することができます活性化された場合） 、
   に焦点を当てて、この新しいデベロッパーツール-ため、デベロッパーツールのウィンドウで次の操作を行います。
   1. オープンApplication
   2. が拡大タブ/オープンフレーム - トップ - イメージ
   3. は
   4. 画像自体を右クリックして選択し、それを表示するには、左側の上の任意の画像のURLをクリックしSave
   5. 繰り返し3-4
1. clicクリック：現在表示されているスクリーンショットのURLを検索するに

スクリーンショットのサムネイルストリップ下Framesストリップに対応する緑色のバーをk個デベロッパーツール-FOR-デベロッパーツールで

3. 使用要素セレクタCtrlキーシフトCメインデベロッパーツールウィンドウ
4. の下部にミニスクリーンショットをクリックdevtools-for-devtoolsはElementsツリーに<img>要素を表示し、data:image/pngとOpen in Application panelを右クリックして保存します。