使用ASP.NET 在本機執行“開始偵錯”時,ASP.NET 會在本機上啟動https://localhost:xxx的網站伺服器。該網站伺服器讓開發者直接檢視網頁的呈現畫面,但卻無法使用行動裝置來觀看該網頁
可以使用 Android Simulator 加上 Conveyor by Keyoti (VS plugin)來解決這個問題。
Android Simulator 透過安裝 Android Studio 或 Xamarin 後再去 AVD Manager 設定 Simulator 來取得,這邊就不再詳述。
重點為 Conveyor by Keyoti,這個套件可以方便的將 localhost 轉為 IP,可讓行動裝置透過該IP來檢視網站。
Conveyor by Keyoti 和一般的VS套件相同,使用NuGet或官網下載安裝皆可。
安裝之後的另一個重點在於修改防火牆設定,讓該套件透過指定的Port來轉址。指定的Port其實就是一開始在本機執行”開始偵錯“由ASP.NET選擇的Port。
範例如下為一個最簡單的 WebForm Example 執行 “開始偵錯” 後的畫面。

可以看到該網站的URL為 https://localhost:44358/
44358 就是在防火牆需要另外設定的 Port,設定步驟如下(參考官網)

Manually configuring your firewall
Add an inbound firewall rule allowing access to the TCP port given in the Remote URL.
1.Open Windows 'Start' and type WF.msc.
2.Click 'Inbound Rules' on the left.
3.Click 'New Rules' on the right.
4.Choose 'Port' in the new dialog, then 'Next'.
5.Select TCP, and enter the port from the Remote URL next to 'Specific local ports' (45455-45500), then 'Next'.
6.Next, and next (you may want to disable 'Public'), give it a name like 'Conveyor: web dev server access enabled'.

下方畫面為安裝完Conveyor by Keyoti 後 在Visual Studio執行”開始偵錯”的提示畫面

中間的 https://192.168.59.1:45455 就是 Conveyor by Keyoti轉址後的結果。使用 Android Simulator 連線該URL 畫面如下
 

 
完成之後就可非常方便的透過行動裝置來檢視網站畫面。
事實上在使用 Conveyor by Keyoti之前還有嘗試用過 ngrok 和 http-server。
但這兩個工具在設定及執行上都不如預期的方便,反而是 Conveyor by Keyoti 不僅安裝方便,設定也只需要調整防火牆 Port。