fukuhito hatebu

学んだこと思ったことをメモしていくブログ、の予定

ブラウザ標準機能だけでページ全体をキャプチャする Safari

拡張機能を使わずに、ブラウザの標準機能だけでスクロール付きの画面をキャプチャしたい時のメモ。

 

ブラウザバージョン(2021/11/14 現在の最新)

  • バージョン14.1 (16611.1.21.161.6)

Macの場合

  1. command⌘+option+I
    • 開発者ツールを開けない場合はSafariのメニューから「Safari」->「環境設定」->「詳細タブ」から「メニューバーに”開発”メニューを表示」を有効にします

  2. 「要素タブ」を選択

  3. htmlタグを右クリック(control+クリック)し「スクリーンショットを取り込む」を選択

Windowsの場合(確認していません)

Macで試してみる

  1. command⌘+option+Iで開発者ツールを表示f:id:fukuhito:20211114202546p:plain
    1. 開発者ツールを開けない場合はSafariのメニューから「Safari」->「環境設定」->「詳細タブ」から「メニューバーに”開発”メニューを表示」を有効にしますf:id:fukuhito:20211114144430p:plain

  2. 「要素タブ」を選択f:id:fukuhito:20211114202806p:plain

  3. htmlタグを右クリック(control+クリック)し「スクリーンショットを取り込む」を選択f:id:fukuhito:20211114202941p:plain

  4. 結果

    f:id:fukuhito:20211114150045p:plain