WEBサービスのローカル環境での開発効率向上のため、デバイスの実機確認をスムーズにできるように拡張機能を作成しました!….
WEBサービスのローカル環境での開発効率向上のため、デバイスの実機確認をスムーズにできるように拡張機能を作成しました!
動作原理としては、同一ネットワーク内(同じWiFi配下など)では、hostnameやIPアドレスでローカル環境に起動したサーバーにアクセスできる仕組みを活用して、「http://localhost:3000」などのアドレスをユーザーが任意に入力したhostnameを元に同一ネットワーク内でアクセス可能なURLに変換してスマホやタブレットにそのURLをQRコードで共有する仕組みになっています!
SaaSなどでリダイレクト先を「localhost」に設定している場合など、動作がうまくいかない場合がありますが、あくまでコミットしなくてもレイアウト崩れなどの確認を手軽にできるようにするための拡張機能ですのでご理解いただけますと幸いです。
ぜひ、ご利用いただいた感想やご意見もいただけると嬉しいです!
よろしくお願いいたします!
【実装機能】
・ローカルサーバーにアクセスするために必要なホスト名を登録する機能
・よく使うポート番号を登録する機能
・ローカルサーバーの登録したポートを別タブで開ける機能
・設定内容をQRコードでスマホに共有する機能
・ポップアップを開いたタブがローカルサーバーで起動しているサイトの場合、
スマホからアクセスできるようにページ階層を含めたURLをQRコードで表示する機能
・ローカルストレージへの自動保存機能(hostnameやport)
【注意点】
・ホスト名は自動取得できませんのでご注意ください
・入力情報はローカルストレージに記録されます
・入力された情報はパソコン間で共有されません
(スマホなどでQRコードで開いた場合の除く)
You can Follow the below Step By Step procedure to install the Localhost Holder Extension Chrome Extension to your Chrome Web browser.
It is the Localhost Holder Extension Chrome extension download link you can download and install Chrome Browser.
Tags: Url Qr , Url Qr , Wifi Hostname Ip , Web , Qr , Hostname Port , Url Url Qr , , Hostname , Hostname , Saas Localhost , , Qr , ,
Converts file URLs to http://localhost for developer testing purposes
Configure a localhost SOCKS proxy
为使用Postwoman UFO Web应用程序提供更好的体验,顺畅的在postwoman.com.cn和postdata.cn WEB应用下访问localhost应用内WEB API,请访问 (https://postwoman.com.cn)
A chrome extension for devs to scan qr code and open your localhost page on phone
Automatically replace your localhost favicon, to make it easier to tell which development environment you're working on.
Detects if you are accessing localhost or production and respectively shows prominent red banner only on localhost.
BitClout on steroids
MPR Regnskap AS er et moderne regnskapskontor som holder til i Oslo sentrum.
Cho phép các truy cập từ localhost
localhost to ip address