|便利ツールたまに必要になる、観覧しているWebサイトのページのスクリーンショット。表示領域だけでなくページ全体を撮りたいことがありますが、macOSのSafariでは、デベロッパーツールを利用することでWebページ全体のスクリーンショットを撮ることができます。ブラウザの拡張機能などを使う必要もありません。Edgeと違って、Safariではスクリーンショット機能が備わっているわけではないですが、Webページの構造とデベロッパーツールのUIをうまく使っておこないます。デベロッパーツール利用の準備をします。Safariのメニューから「環境設定」を選択します。「詳細」のタブから「メニューバーに”開発”メニューを表示」にチェックを入れます。Safariのメニューに「開発」が表示されるようになります。こちらから「Webインスペクタを接続」を選択して、デベロッパーツールを利用します。I」でもスムーズに立ち上げることができます。準備ができたところで、Webページ全体のスクリーンショットの撮り方を見ていきましょう。スクリーンショットの撮り方デベロッパーツールの左上の「要素」を選択すると、HTMLという言語で記述(マークアップ)されたWebページの文書構造が表示されます。Web制作をされる方はお馴染みのソースコードですね。ソースコードから上階層のbody要素を選択すると、表示画面でもページ全体が選択されているのが確認できます。Web制作の経験のない一般の方も、ページの内容を表すbody要素がページ全体を含んでいるものだと理解していただけたらOKです。body要素を選択した状態で右クリックし、オプションから「スクリーンショットを取り込む」を選択します。これで現在表示しているWebページ全体のスクリーンショットが撮れて、ダウンロードフォルダにダウンロードされます。img要素やまとまったコンテンツを選択するなど、選択する要素次第では画像だけやコンテンツの一部分などのキャプチャも撮ることができます。背景色が指定していない要素では、透過PNGとして保存されます。必要な時には是非、利用してみてください。365利用者は1TBも利用できるOneDrivePREV:CSSのscroll-snapプロパティを使ってスクロール移動でコンテンツの表示領域に合わせるNEXT:macOSで不要なアプリを削除(アンインストール)する4つの方法PROFILEAkira元ボクサー、元トラックドライバーと不思議な経歴を持つ。納豆はご飯と分けて食べるタイプ。