＼ページを、3つの幅で並べて確かめる／ ■ 例えばこんな使い方 ◎ 作ったページが、スマホの幅で崩れていないかを、公開の前に見る ◎ HTMLファイルを選ぶだけで、複数の幅の見え方を並べて比べる ◎ http://localhost で開いている制作中のページを、幅ごとに見る ■ 使い方（3ステップ） ① responsive-width-viewer.html をダブルクリックして、ブラウザで開く ② 確認したいページのURLを入れて「URLを読み込む」。または「HTMLファイルを選ぶ」 ③ 幅ごとの見え方が横に並びます。崩れている所を探して、直したら読み込み直す ■ この無料版でできること ◆ 3つの幅（375px・768px・1200px）での見比べ ◆ URLの読み込み、HTMLファイルの選択 ◆ 表示の高さの変更 ■ 有料版（580円）で増えること ◆ 幅を最大5つまで選べる（320・360・375・390・414・768・820・1024・1280・1440、または自分で決めた幅） ◆ 同時にスクロール（ファイル・貼り付けのとき） ◆ HTMLを貼って表示、縦に積む表示 有料版はこちらです。https://mall-aibou.booth.pm/items/8973217 ■ 動作環境 ・Chrome / Edge / Safari の最新版（動作確認はChromeのみです） ・ネット接続は、外部のページのURLを見るときだけ必要です ・このツールは、何も外部に送りません。広告もトラッキングもありません ■ 配布内容 ・responsive-width-viewer.html ・README.txt ■ ご利用について ・個人・法人どちらも使えます ・クレジット表記は不要です ・ファイルそのものの再配布・販売はご遠慮ください ■ ご注意 ・非公式のツールです。各サービス・各社とは関係ありません ・URLを入れたとき、そのサイトが他のページへの埋め込みを許可していないと（X-Frame-Optionsなど）、空白になります。このツールでは変えられません ・HTMLファイルを選んだとき、別ファイルの画像やCSSは読み込まれません。1枚にまとまったHTMLか、URLで確認してください ・見える幅は目安です。実際のスマホの表示とは、完全には同じになりません ・同時にスクロールは、ファイル・貼り付けのときだけ動きます（URLのときは、ブラウザの制限で動きません） ・このツールは、何も外部に送りません。URLを入れたときは、そのページを読み込むだけです ・お使いのブラウザの中だけに保存されます。ブラウザの閲覧データを消すと、記録も消えます ■ 更新情報 2026/10/12 公開 TOOL BOX