WebExtension.net
WebExtension.net
Toggle dark mode
WebExtension.net
WebExtension.net
Localhost Holder Extension

Localhost Holder Extension

View on Chrome Web Store
View Localhost Holder Extension Chrome Extension on Chrome Web Store
Add to bookmarks
0.0 (0 ratings)
0 views
This extension has been viewed 0 times
0 downloads
This extension has been downloaded 0 times

Data is synced from the Chrome Web Store. View the official store page for the most current information.

WEBサービスのローカル環境での開発効率向上のため、デバイスの実機確認をスムーズにできるように拡張機能を作成しました!…
Type
Extension
Users
25 users
1
cti-tl
View author page of cti-tl
Published
Published on June 14, 2022
Version 0.1.1
Manifest version
3
Updated
Updated on June 14, 2022
productivity/workflow
Extension Category
View on Chrome Web Store
View Localhost Holder Extension Chrome Extension on Chrome Web Store
Share This Extension
Share on Twitter
Share on Facebook
Share on LinkedIn
Share on Reddit
Share on Bluesky
Share on Pinterest
Localhost Holder Extension Chrome Extension Image 1
Localhost Holder Extension Chrome Extension Image 2

Description

WEBサービスのローカル環境での開発効率向上のため、デバイスの実機確認をスムーズにできるように拡張機能を作成しました!

動作原理としては、同一ネットワーク内(同じWiFi配下など)では、hostnameやIPアドレスでローカル環境に起動したサーバーにアクセスできる仕組みを活用して、「http://localhost:3000」などのアドレスをユーザーが任意に入力したhostnameを元に同一ネットワーク内でアクセス可能なURLに変換してスマホやタブレットにそのURLをQRコードで共有する仕組みになっています!

SaaSなどでリダイレクト先を「localhost」に設定している場合など、動作がうまくいかない場合がありますが、あくまでコミットしなくてもレイアウト崩れなどの確認を手軽にできるようにするための拡張機能ですのでご理解いただけますと幸いです。

ぜひ、ご利用いただいた感想やご意見もいただけると嬉しいです!

よろしくお願いいたします!

【実装機能】 ・ローカルサーバーにアクセスするために必要なホスト名を登録する機能 ・よく使うポート番号を登録する機能 ・ローカルサーバーの登録したポートを別タブで開ける機能 ・設定内容をQRコードでスマホに共有する機能 ・ポップアップを開いたタブがローカルサーバーで起動しているサイトの場合、  スマホからアクセスできるようにページ階層を含めたURLをQRコードで表示する機能 ・ローカルストレージへの自動保存機能(hostnameやport)

【注意点】 ・ホスト名は自動取得できませんのでご注意ください ・入力情報はローカルストレージに記録されます ・入力された情報はパソコン間で共有されません (スマホなどでQRコードで開いた場合の除く)

© 2025 WebExtension.net. All rights reserved.
Disclaimer: WebExtension.net is not affiliated with Google or the Chrome Web Store. All product names, logos, and brands are property of their respective owners. All extension data is collected from publicly available sources.
Go to top