Chromeブラウザ開発ツールのスクリーンショットドライグッズ

Googleブラウザーインストールパッケージ(実行可能ファイル-ここをクリックして直接ダウンロードしてインストール) [chrome80(80.0.3987.100)プラグインなしで純粋]

  • ショートカットキーF12を使用して開発者ツール呼び出します。マウスを右クリックして、検査要素を見つけ、開発者ツールを入力することもできます。

ここに画像の説明を挿入

  • ショートカットキーCtrl + Shift + P使用して、ファイルを検索するコマンドを入力できるウィンドウを開きます

ここに画像の説明を挿入

  • 次に、「フルサイズのスクリーンショットをキャプチャ」と入力します。これは、ネットワークページ全体のスクリーンショットをキャプチャすることを意味します
  • 次に、Chromeブラウザーは自動的にWebページのスクリーンショットを取得し、ローカルにWebページのスクリーンショットを保存します
    ここに画像の説明を挿入
  • ページのコンテンツのスクリーンショットだけを撮りたい場合は、
    次のように直接入力できます。スクリーンショットをキャプチャして、画面の現在のページのコンテンツ情報をキャプチャします。

ここに画像の説明を挿入

  • コンピューターでモバイルバージョンのスクリーンショットをシミュレートする場合
    は、開発者ツールの左上隅にあるアイコンをクリックしてデバイスを切り替える
    ことができます。ショートカットキーCtrl + Shift + Mを使用することもできます

ここに画像の説明を挿入

  • そして、私たちは長い写真を撮影するために、異なる携帯電話を模倣するために、異なる携帯電話のサイズを設定し、することができ
    、その後、上記と同じように長い絵のモバイル版を取る。
    入力キャプチャフルサイズのスクリーンショットを

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/GodOuO/article/details/105186035