如何用手機訪問電腦本地頁面？

步驟：

1. 將頁面以 localhost 域名打開
2. 將 localhost 替換為電腦本地的IP
3. 在手機的瀏覽器中打開此IP地址（如：http://192.168.2.19/index.html）

步驟一： 用以下任意一種編譯器將頁面以localhost域名打開

方式 1：webstorm

打開代碼頁，右上角在瀏覽器中打開，默認就是localhost方式

方式 2：vscode

1. 安裝 Live Server

1. 找到頁面右鍵選擇 Open with Liver Server 打開此頁面

方式 3： Sublime: 需要安裝 SublimeServer 插件

1. 打開sublime，ctrl + shift + p （三鍵同時按下）
2. 輸入 install packagecontrol 然后回車
3. 輸入 SublimeServer 然后回車，進行下載。
4. 找到工具欄中的 Tools,啟動 SublimeServer

1. 找到頁面右鍵選擇 View in SublimeServer 打開此頁面

以上三種方式都可以，個人推薦vscode，因為vscode免費，下載也很方便

步驟二：將 localhost 替換為電腦本地的IP

Mac 電腦：

找到 terminal 終端，輸入 ifconfig 回車即可找到IP

Windows 電腦：

1.使用Windows+R鍵打開“運行”窗口，然后輸入CMD進入命令提示窗口

2.進入命令窗口之后，輸入：ipconfig/all 回車即可看到整個電腦的詳細的IP配置信息

注：Windows電腦一定要關閉防火牆，否則手機端還是訪問不了

步驟三：在手機上打開IP網址

這時候在你的手機上輸入替換localhost之后的完整地址（如：http://192.168.2.19/index.html）就可以正常查看頁面。

注意：一定要確保你的手機和電腦在同一個局域網內（例如：電腦和手機連接同一個WiFi），否則手機端打不開此頁面