Media
2 items
Description
登録したドメイン間を、パス・クエリを維持したまま安全に切り替えます。 ローカル・開発・ステージング・本番。同じページを環境ごとに開き直す作業を、ワンクリックにします。 EnvHop は、登録したドメイン（環境）の間を「今見ているページのまま」切り替える拡張機能です。パス・クエリ・ハッシュはそのまま引き継ぎ、ドメインだけを入れ替えます。 例） https://dev.example.com/users/42?tab=profile ↓ ワンクリック https://stg.example.com/users/42?tab=profile ■ 主な機能 ・ワンクリックで環境を切り替え ツールバーのアイコンを押すだけで、別の環境の同じページへ移動します。移動先が1つならその場で切り替わり、複数あればボタンで選べます。 ・キーボードショートカット Alt+Shift+A で切り替え。Alt+Shift+L / D / S で local / dev / stg へ直接移動できます（本番へのショートカットは手動で割り当てた場合のみ有効）。 ・右クリックメニュー 登録した環境を、新しいタブや新しいウィンドウで開けます。環境同士を並べて見比べるときに便利です。 ・今いる環境がひと目でわかる ツールバーのアイコンに LCL / DEV / STG / PROD のバッジを表示します。色は環境ごとに変えられます。 ・本番環境の誤操作を防ぐ 本番環境のページには赤い警告バナーを表示します（上部の帯 / 左上のラベル / 非表示から選択）。本番へ移動する前に確認ダイアログを出すこともできます。 ・柔軟な URL の指定 完全一致・ワイルドカード（*）・正規表現の3方式に対応。テナント名などのサブドメインを、移動先にも引き継げます。 ・チームで設定を共有 プロジェクトごとに「共有URL」を発行できます。受け取った人は URL を開くだけで同じ設定を取り込めます。JSON でのエクスポート / インポートにも対応しています。 ■ 使い方 1. 設定画面で「＋ プロジェクトを追加」を押す 2. 各環境の URL（例: http://localhost:3000 / dev.example.com / example.com）を入力する ※ http の環境は http:// から入力してください（省略すると https:// が自動で補完されます） 3. 登録したサイトを開き、ツールバーのアイコンを押す ■ こんな方に ・複数の環境を行き来して動作確認する Web 開発者・QA 担当者 ・本番環境での誤操作を防ぎたい方 ・環境の URL をチームで揃えたい方 ■ プライバシー ・設定は Chrome のストレージ（Google アカウントの同期を含む）にのみ保存します。 ・閲覧履歴や設定を外部のサーバーへ送信することはありません。 ・「タブ」の権限は、今開いているページの URL が登録した環境に一致するかを判定するために使います。 ■ 対応言語 日本語 / English / 简体中文 / 한국어 / Español / Português (Brasil)