⚠️Not updated in over 2 years
Description
WEBサービスのローカル環境での開発効率向上のため、デバイスの実機確認をスムーズにできるように拡張機能を作成しました!
動作原理としては、同一ネットワーク内(同じWiFi配下など)では、hostnameやIPアドレスでローカル環境に起動したサーバーにアクセスできる仕組みを活用して、「http://localhost:3000」などのアドレスをユーザーが任意に入力したhostnameを元に同一ネットワーク内でアクセス可能なURLに変換してスマホやタブレットにそのURLをQRコードで共有する仕組みになっています!
SaaSなどでリダイレクト先を「localhost」に設定している場合など、動作がうまくいかない場合がありますが、あくまでコミットしなくてもレイアウト崩れなどの確認を手軽にできるようにするための拡張機能ですのでご理解いただけますと幸いです。
ぜひ、ご利用いただいた感想やご意見もいただけると嬉しいです!
よろしくお願いいたします!
【実装機能】
・ローカルサーバーにアクセスするために必要なホスト名を登録する機能
・よく使うポート番号を登録する機能
・ローカルサーバーの登録したポートを別タブで開ける機能
・設定内容をQRコードでスマホに共有する機能
・ポップアップを開いたタブがローカルサーバーで起動しているサイトの場合、
スマホからアクセスできるようにページ階層を含めたURLをQRコードで表示する機能
・ローカルストレージへの自動保存機能(hostnameやport)
【注意点】
・ホスト名は自動取得できませんのでご注意ください
・入力情報はローカルストレージに記録されます
・入力された情報はパソコン間で共有されません
(スマホなどでQRコードで開いた場合の除く)
Reviews
Loading reviews...
Permissions (1)
Permissions
activeTabℹ Can access the current tab when you click the extension
Details
| Version | 0.1.1 |
| Updated | Jun 14, 2022 |
| Size | 130KiB |
| First Seen | Mar 22, 2026 |
More by cti-tl
Popular in workflow
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
330M
★ 4.40
workflow
330M
★ 4.40
workflow
Chrome Remote Desktop
by Chrome Remote Desktop Release Managers
38M
★ 3.14
workflow
38M
★ 3.14
workflow
Microsoft Power Automate
by Microsoft Corporation
10M
★ 1.99
workflow
10M
★ 1.99
workflow
Screencastify - Screen Video Recorder
by castify-ext-dev
9M
★ 3.95
workflow
9M
★ 3.95
workflow
iCloud Bookmarks
by Apple Inc.
7M
★ 3.38
workflow
7M
★ 3.38
workflow
Popular Extensions
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
330M
★ 4.40
workflow
330M
★ 4.40
workflow
Chrome Remote Desktop
by Chrome Remote Desktop Release Managers
38M
★ 3.14
workflow
38M
★ 3.14
workflow
Cisco Webex Extension
by cisco.chromestore
24M
★ 2.34
social
24M
★ 2.34
social
Kami for Google Chrome™
by Kami
17M
★ 4.56
education
17M
★ 4.56
education
Read&Write for Google Chrome™
by Texthelp
17M
★ 3.44
accessibility
17M
★ 3.44
accessibility