Google Chromeスクショ術 - mottox2 blog

技術同人誌やブログを書く上で外せないのがスクリーンショットを取ることです。 同人誌を5冊書いていく経験の中で慣れてきたので、自分がスクリーンショットを撮る時に使っている方法を紹介します。 > Commandからスクリーンショットを撮るCommandからスクリーンショットを撮る Chrome DevToolsに慣れている方はご存知かもしれませんが、ChromeにはCommandという概念があります。 Cmd + Option + iでDevToolsを開きCmd + Shift + Pを押してください。 すると次のような入力フォームと項目が出現します。 フォームに文字を入力すると、Commandを絞りこむことができEnterで指定したアクションを実行することが出来ます。 ここにある、「Capture area screenshot」、「Capture full size screenshot

[mottox2]

便利Tipsです

[Falky]

消したいnodeを選択した状態で h を押すと visibility: hidden; してくれるのも便利よ〜

[kic-yuuki]

"Capture full size screenshot"を知れてほくほく

[jsstudy]

DevToolsではスタイルを変更することができるので、widthやheightといったプロパティを変更するとサイズが変更されます。変更した状態で「Capture node screenshot」を選択すると、好みの大きさのスクリーンショットが取得できます

[peketamin]

ちょう便利。多分、Chrome開発陣自身が必要な機能を入れているのだろう。理想的なソフトウェア開発だ

[d4-1977]

スクリーンショットのノウハウが集まってる！

[yarumato]

“DevToolsを開きCmd+Shift+Pを押すとCommand項目が出現します。「Capture area screenshot」など利用してスクリーンショットを撮る。ウィンドウのサイズを固定。余計な要素をCSSで消したり半透明にする”

[field_combat]

これ、外部からコントロールできんかな。あとで調べよう