LANG SELRCT

コードを書く場所

2019年2月16日土曜日

Chromeでページ全体のスクリーンショットを撮りたい


縦長のWebページ全体のスクリーンショットを保存したいとき
「Capture full size screenshot」が便利です。



STEP

1. Chromeのデベロッパーツールを開きます



2. 「Toggle device toolbar」をクリックします



3. メニューから「Capture full size screenshot」を選択します



4. 名前と場所を任意で決めて「保存」をクリックします




このように画面全体が保存されます。


ぶつかった壁

「Capture full size screenshot」でうまくいかないことがありました。
サイズを変更するとうまくいきました。



参考

Full-page screenshots
https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots

最新の投稿

SlackのOutgoing WebhooksでJIRAに課題を作りたい

MISSION SlackのOutgoing Webhooksを利用して、ブログの新規投稿をJIRA課題として作成する。 KEY SlackのRSS設定 Outgoing Webhooksの設定 JIRA API Blogger PROCESS SlackでブログのR...