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

Latest Version

Version
0.1.1
Update
June 14, 2022
Size
130KiB
Developer
Category
Users
22
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
日本語
See more
Permissions
ActiveTab
See more

Localhost Holder Extension Extension

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

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

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

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

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


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

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

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "0.1.1", "name": "Localhost Holder Extension", "action": { "default_popup": "./popup.html", "default_icon": { "16": "icons/icon_16.png", "24": "icons/icon_24.png", "32": "icons/icon_32.png" } }, "host_permissions": [ "http://*/*" ], "permissions": [ "activeTab" ], "icons": { "16": "icons/icon_16.png", "48": "icons/icon_48.png", "128": "icons/icon_128.png" }}
Read more

Similar Extensions

icon

GitHub Search Extension Extension · Productivity 22 1 ★ 722KiB

icon

Apaxy 2 Extension · Developer Tools 22 2 ★ 284KiB

icon

Localhost HTTPS -> HTTP Extension · Developer Tools 22 2 ★ 30.72KiB

icon

App Instance Tags Extension · Developer Tools 22 6 ★ 858KiB

icon

Hide Google Drive features Extension · Accessibility 22 4 ★ 20.6KiB

icon

Drive Gate Extension · Productivity 22 2 ★ 104KiB

icon

Apache Zeppelin Github Viewer Extension · Developer Tools 22 2 ★ 93.94KiB

icon

Tailwindcss Extension Extension · Productivity 22 1 ★ 231KiB

icon

Simple Memo Extension Extension · Accessibility 22 0 ★ 185KiB

icon

localhost Extension · Developer Tools 22 0 ★ 21.1KiB

icon

Am I working on localhost? Extension · Developer Tools 22 0 ★ 38.95KiB

icon

Missofis Request Interceptor Extension · Developer Tools 22 0 ★ 30.34KiB

icon

aws-helper Extension · Productivity 22 1 ★ 1.4MiB

icon

Reddit RSS Fixer Extension · Productivity 22 1 ★ 18.18KiB

icon

Localhost Cookie Sync Extension · Developer Tools 22 4 ★ 22.04KiB

icon

Reuse Localhost Tab Extension · Developer Tools 22 0 ★ 42.31KiB

icon

Paint GitHub Extension · Productivity 22 2 ★ 34.1KiB

icon

Live RSS Bookmarks Extension · News & Weather 22 3 ★ 411KiB

icon

LocoHost Extension · Developer Tools 22 3 ★ 117KiB

icon

Localhost detector Extension · Developer Tools 22 5 ★ 37.79KiB

icon

CookieSync: syncs cookies to localhost Extension · Developer Tools 22 2 ★ 122KiB

icon

RSS Reader - Swipe my feed now Extension · Social & Communication 22 1 ★ 172KiB

icon

DevTodo Extension · Developer Tools 22 4 ★ 64.35KiB

icon

Amazing Searcher Extension · Productivity 22 5 ★ 408KiB