Firefox開発ツールコンソールのスクリーンショット
Mozillaは、ユーザーが開発者ツールコンソールを使用してスクリーンショットをキャプチャできるようにするFirefox 63の新しいスクリーンショット取得機能をリリースする予定です。
別のスクリーンショットツールと機能？ Firefoxにはすでにそれらのかなりの数があり、開発を綿密にフォローしない場合、MozillaがWebブラウザに別のものを追加する理由が不明確な場合があります。
Firefoxユーザーは、ブラウザーのネイティブスクリーンショットツールを使用してスクリーンショットを撮り、オンラインまたはオフラインで保存できます。このツールは、基本的な画像編集オプションもサポートしています。
別のオプションは、開発者ツールで利用できます。設定を開き、[ページ全体のスクリーンショットを撮る]オプションをオンにして、アクティブ化したときにスクリーンショットをキャプチャするボタンを開発者ツールに追加する必要があります。
最後に、 開発者ツールバー を含むさまざまなコマンドをサポートします スクリーンショットを撮る また、他の便利なものなど 設定の変更 、 クッキーの編集 、または Firefox拡張機能の管理 。
では、なぜFirefoxでスクリーンショットを撮る別のオプションがあるのでしょうか？ 開発者ツールバーは間もなく削除されるため 。
開発者ツールのスクリーンショットコマンドの概要
Mozilla 予定 Firefox 63の新機能を統合するには- 2018年10月23日 -この機能が導入された主な理由の1つは、Firefoxの開発者ツールバーが削除されたことに加えて、スクリーンショットコマンドが削除されたことです。
スクリーンショットアドオンまたは開発者ツールによる残りの2つのスクリーンショットオプションは、開発者ツールバーのスクリーンショットコマンドほど高度ではありません。
新しいスクリーンショットコマンドは、コマンドが「：」で始まるため、FirefoxブラウザーのWebコンソールに新しい構文を追加します。利用できる主なコマンドは、現時点では：helpと：screenshotの2つだけです。
スクリーンショットをキャプチャするには、次のようにします。
- Ctrl-Shift-Kを使用してWebコンソールを開きます。
- ：screenshotと入力してEnterキーを押します。
Firefoxは、ページの表示部分のスクリーンショットをキャプチャします。このコマンドは、スクリーンショットをカスタマイズするために使用できるいくつかのパラメーターをサポートしています。
- ：screenshot --fullpage-表示されている部分だけでなく、ページ全体をキャプチャします。
- ：screenshot --clipboard-スクリーンショットをオペレーティングシステムのクリップボードにコピーします。
- ：screenshot --selector '.class'-ページ上の特定の要素のスクリーンショットを撮ります。
- ：screenshot --fullpage --dpr 0.5 cnn-no-css-ページ全体の低解像度のコピーを取得します。
：screenshotコマンドは、開発者ツールバーのコマンドを複製します。さらに良いことに、Mozillaはコマンドにリモートターゲットのサポートを追加しました。接続されているAndroidデバイスのスクリーンショットを、Firefoxを使用しているコンピューターに保存できます。
この機能はオートコンプリート機能をサポートしており、helpコマンドを使用してすべてのオプションを表示できます。
おわりに
コンソールの新しい：screenshotコマンドは、Firefoxの開発者ツールバーのすべての画面キャプチャ機能と新機能を提供します。別のコマンド（Shift-F2の代わりにCtrl-Shift-K）とメインコマンドの新しい構文を学習する必要がありますが、Mozillaがユーザーの言うことを聞き、機能を再実装したことを確認するとよいでしょう。
では、あなた ：ブラウザを使用してスクリーンショットをキャプチャしていますか？