Web Share API のスマホ確認ってどうしていますか？（Docker使用）

Question

Web Share API をスマホで確認する方法を知りたい（Docker使用）

Dockerコンテナで browsersyncサーバ（http://localhost:3000）を起動して開発しています。
スマホはホストPCのローカルIPアドレスから確認しています。
Web Share API もスマホ確認したいのですが、HTTPSかlocalhostでしか動作しないようです。

▼参考
https://qiita.com/ktmouk/items/3f134b4736b18951c2f8

USBでホストPCのlocalhostに繋げてみたのですが、Dockerを使用しているせいかうまくいきません。
Docker環境を使用しつつ、スマホでlocalhost（もしくはHTTPS）にアクセスすることは可能なのでしょうか？
抽象的な質問で申し訳ないのですが、ご経験がある方がいましたらヒントをいただけると幸いです。
どうぞよろしくおねがいします。

追記：（ローカルIPではなく）localhost（もしくはHTTPS）にアクセスしたいです

現在の状態を図にしてみました。

ホストPCとスマホをUSB接続して（http://localhost:xxxx）が見られるか試したのですが不可能でした

▼参考
https://developers.google.com/web/tools/chrome-devtools/remote-debugging/local-server?hl=ja

Answer 1

localhostではなく、dockerのIPを指定すればよいのではないですか？
http://10.x.x.x:3000
別々のネットワークの場合、スマホにとってのlocalhostはPCのそれとは違うので…

Comments

[miyasan.]

説明がわかりづらかったため、質問の方に追記いたしました。

> 別々のネットワークの場合、スマホにとってのlocalhostはPCのそれとは違う
そのため質問図の赤い網掛け部分がうまくいかなかったこと、はっきりと理解できました。
ご回答ありがとうございます。