WEBサービスのローカル環境での開発効率向上のため、デバイスの実機確認をスムーズにできるように拡張機能を作成しました!…
Localhost Holder Extension Extension
動作原理としては、同一ネットワーク内(同じWiFi配下など)では、hostnameやIPアドレスでローカル環境に起動したサーバーにアクセスできる仕組みを活用して、「http://localhost:3000」などのアドレスをユーザーが任意に入力したhostnameを元に同一ネットワーク内でアクセス可能なURLに変換してスマホやタブレットにそのURLをQRコードで共有する仕組みになっています!
SaaSなどでリダイレクト先を「localhost」に設定している場合など、動作がうまくいかない場合がありますが、あくまでコミットしなくてもレイアウト崩れなどの確認を手軽にできるようにするための拡張機能ですのでご理解いただけますと幸いです。
ぜひ、ご利用いただいた感想やご意見もいただけると嬉しいです!
よろしくお願いいたします!
【実装機能】
・ローカルサーバーにアクセスするために必要なホスト名を登録する機能
・よく使うポート番号を登録する機能
・ローカルサーバーの登録したポートを別タブで開ける機能
・設定内容をQRコードでスマホに共有する機能
・ポップアップを開いたタブがローカルサーバーで起動しているサイトの場合、
スマホからアクセスできるようにページ階層を含めたURLをQRコードで表示する機能
・ローカルストレージへの自動保存機能(hostnameやport)
【注意点】
・ホスト名は自動取得できませんのでご注意ください
・入力情報はローカルストレージに記録されます
・入力された情報はパソコン間で共有されません
(スマホなどでQRコードで開いた場合の除く)
Source Manifest.json
Similar Extensions
GitHub Search Extension 22 1 ★ 722KiB
Apaxy 2 22 2 ★ 284KiB
Localhost HTTPS -> HTTP 22 2 ★ 30.72KiB
App Instance Tags 22 6 ★ 858KiB
Hide Google Drive features 22 4 ★ 20.6KiB
Drive Gate 22 2 ★ 104KiB
Apache Zeppelin Github Viewer 22 2 ★ 93.94KiB
Tailwindcss Extension 22 1 ★ 231KiB
Simple Memo Extension 22 0 ★ 185KiB
localhost 22 0 ★ 21.1KiB
Am I working on localhost? 22 0 ★ 38.95KiB
Missofis Request Interceptor 22 0 ★ 30.34KiB
aws-helper 22 1 ★ 1.4MiB
Reddit RSS Fixer 22 1 ★ 18.18KiB
Localhost Cookie Sync 22 4 ★ 22.04KiB
Reuse Localhost Tab 22 0 ★ 42.31KiB
Paint GitHub 22 2 ★ 34.1KiB
Live RSS Bookmarks 22 3 ★ 411KiB
LocoHost 22 3 ★ 117KiB
Localhost detector 22 5 ★ 37.79KiB
CookieSync: syncs cookies to localhost 22 2 ★ 122KiB
RSS Reader - Swipe my feed now 22 1 ★ 172KiB
DevTodo 22 4 ★ 64.35KiB
Amazing Searcher 22 5 ★ 408KiB