はじめに
ブラウザ内の画面の一部を切り抜いたり、あるいはページ全体をスクリーンショットしたいことがみんなあるだろう。
これらの機能は拡張機能でサポートされていたりするが、開発ツール内からコマンドを叩くことによっても実行できる。
やり方
windows前提で話をする。
はじめにＦ１２で開発ツールを開いたら、shift+ctrl+Pを叩く。
するとコマンドを打ち込めるターミナルが出てくるので、Screenと入力。
いくつかcaputure ~ screenshotと出てくる。
capture area screenshot
我々がいつも行っているwin+shift+Sでの切り抜きと同じ。
capture full size screenshot
そのページ全体をスクリーンショットしてくれる。
capture node screenshot
htmlの要素を指定したスクリーンショット。
capture screenshot
ブラウザ画面のスクリーンショット。