【ブラウザ】ブラウザに画面リサイズ機能追加（アドオン）

ブラウザの画面サイズ変更拡張機能の追加

概要

開発において画面のキャプチャが必要となる際（画面設計書、マニュアル作成、等々）に画面のサイズを固定幅でキャプチャしたい。
ブラウザの拡張機能を使用して画面が常に同じ画面サイズになるようにブラウザの拡張機能を追加する。
Chrome、FireFox両方で同じ機能がある「Window Resizer」を設定する。

環境

• Google Chrome バージョン: 75.0.3770.142
• FireFox Quantum 68.0.1（64ビット）

---

ブラウザへの登録手順（Chrome）

1. chrome ウェブストアにページを開く（https://chrome.google.com/webstore/category/extensions）
2. 検索フォームで「window resizer」を検索
3. 以下の「Window Resizer」の「Chrome に追加」ボタンをクリック
   
4. 追加が完了すると以下の様にアドレスバーの横にアイコンが追加される
   

ブラウザへの登録手順（FireFox）

1. FireFox Add-onsページを開く（https://addons.mozilla.org/ja/firefox/）
2. 検索フォームで「window resizer」を検索
3. 以下の「Window Resizer」のをクリック
   
4. 詳細画面で「Firefox へ追加」ボタンをクリック
5. 追加が完了すると以下の様にアドレスバーの横にアイコンが追加される
   

使用手順

1. 追加されたアイコンをクリック
   
2. 表示されたlayoutからリサイズしたいサイズをクリック
   
3. ブラウザがリサイズされる