web-dev-qa-db-ja.com

chromeデバイスエミュレータモードでスクリーンショットを撮る

私は1366pxの最大解像度のラップトップコンピューターを使用しています。 chrome-幅を大きく設定した場合-1600pxのように、デバイスエミュレータモードでWebサイトがどのように表示されるかをスクリーンショットで撮りたいと思います。

これを行うと、デバイスのビューポートがchromeウィンドウからオーバーフローし、その一部が非表示になります-これのスクリーンショットを撮る方法-印刷画面が機能しません。プラグインはありますか?またはa chrome拡張子??

17
Probosckie

デバイス画面のみのスクリーンショットを撮るこのメニューが見つかりました screenshot device simulation in chrome developer devtool

最新chrome「フルサイズのスクリーンショットをキャプチャする」 enter image description here

34
surinder singh

最新のchromeノードをキャプチャできます、

  1. 開発者ツールを開く
  2. キャプチャするノードを選択します
  3. cMD/CTRL + SHIFT + Pを押すと、「コマンドメニュー」が開きます
  4. 「screenshot」キーワードを使用してコマンドをフィルタリングする
  5. 「キャプチャノードのスクリーンショット」を選択します

enter image description here

詳細については https://developers.google.com/web/updates/2017/08/devtools-release-notes

6
surinder singh