ExpandIt ユーザーマニュアル

インストール方法

Chrome ウェブストアまたは Firefox アドオンストアを開きます
ブラウザーに追加をクリックし、権限を確認します
拡張機能のアイコンをツールバーに固定しておくと、いつでも使えます

動作のしくみ

ExpandIt は、ウェブページの中で横にはみ出した要素を検出し続けます。内容の幅が表示幅を超えているもの、横スクロールバーが付いているもの、切り取られている領域——たとえばコードブロック、横長の表、長いログなどです。

こうした要素を見つけると、ExpandIt はその右上に展開ボタンを浮かべます。ボタンをクリックすると、今の展開方法に従って内容が全体表示されます。もう一度クリックすると元のレイアウトに戻ります。ボタンはページのスクロールやウィンドウの大きさの変化に合わせて要素に追随し、要素が見えなくなったり、はみ出さなくなったりすると自動的に隠れます。

ExpandIt は既定では指定したサイトでのみ動くので、インストール後にまず有効にする範囲を設定してください。

有効にする範囲

ツールバーのアイコンをクリックして ExpandIt のサイドパネルを開くと、ホームに2つの項目があります。

機能スイッチ — デフォルトで全サイト有効をオンにすると、ブラックリストのサイト以外のすべてで有効になります。オフにすると、ホワイトリストのサイトでのみ有効になります
リスト — 今のモードに応じてブラックリストかホワイトリストを表示します。見出しの右の現在のサイトを追加をクリックすると、今のページのドメインがリストに入ります。各行の右のアイコンで削除できます

展開方法

サイドパネルの設定 → 機能設定 → 展開方法で、全体の既定の展開方法を決めます。

領域を拡張 — 文字サイズはそのままに、要素の領域を左右へ均等に広げます。コードブロックなど等幅の内容におすすめです
フォントを縮小 — 領域の大きさは変えずに文字を縮めて、内容を全体表示します。ページの見た目を保ちたいときにおすすめです
バランスモード — まず文字を90%に縮め、それでもはみ出すときだけ領域を広げます。いろいろな内容が混ざったページに向いています

サイトのカスタム設定（Pro）

設定 → 機能設定 → サイトのカスタム設定では、サイトごとに全体の既定とは違う動作を設定できます。

現在のサイトを追加をクリックすると、今のドメインのルールが1件増えます。ルールは今の全体の展開方法を出発点にします
ルールごとに展開方法を選べるほか、自動展開をオンにできます。オンにすると、はみ出した内容を検出した時点でボタンを押さずに展開します
サイトのルールは全体の既定より優先されます。ルールのないサイトはこれまでどおり全体の既定に従います

一般設定

設定 → 一般設定では次の項目を変更できます。

言語 — システムに合わせる / English / 简体中文 / 日本語
テーマ — システムに合わせる／ライト／ダーク

複数の端末で同期

ExpandIt では、展開方法、有効にする範囲のリスト、サイトのカスタム設定、言語とテーマの設定をご自身のストレージに同期できます。これにより、複数のパソコンで同じ設定を共有できます。

設定 → ストレージ設定で、S3 互換ストレージの情報（バケット、エンドポイント、アクセスキー ID とシークレットアクセスキー）を3つのステップで入力し、テストして保存をクリックしてください。ブラウザーがそのストレージのアドレスへのアクセスを許可するか確認します。許可しないと接続できません。テストに成功したら同期をオンにできます。ストレージの認証情報はこの端末にのみ保存され、どこにも送信されません。

ストレージを設定しない場合、すべての設定はこの端末にのみ保存されます。機能そのものには何の影響もありません。

よくある質問

展開ボタンが出ない

今のサイトが有効にする範囲に入っているか確認してください。ホワイトリストのときは先に今のサイトを追加し、ブラックリストのときはそこに入っていないか確認してください
ExpandIt は、実際に横にはみ出している要素にだけボタンを出します
拡張機能をインストールまたは更新したあとは、開いたままのタブを一度再読み込みしてください

「現在のサイトを追加」が押せない

今のページが通常のウェブページではないか（ブラウザーの内蔵ページなど）、そのドメインがすでにリストにあります

別の端末の設定が同期されてこない

両方の端末で同期がオンになっていて、同じバケットを指定しているか確認してください
同期は一定の間隔で取得するため、変更した設定がもう一方の端末に現れるまで少し時間がかかることがあります

展開してもまだはみ出す

ほかの展開方法に切り替えてみてください。フォントを縮小とバランスモードのほうが、たいてい多くの内容が収まります
要素自身の CSS の制約で、それ以上広げられないことがあります