1、啟動項目–以vite項目為例:先ipconfig查看ip地址 ,然后在vite中配置host為ip地址

2、手機上查看項目:保證手機和電腦在同一局域網, 在手機瀏覽器打開我們vite啟動的項目地址,

3、使用chii進行遠程調試

(1) 安裝 ` npm install chii -g  `
(2)啟動  `chii start -p 8080` 
(3)在調試項目引入 `http://ip地址:8080/target.js`

4、調試 在瀏覽器中打開頁面 http://ip地址:8080/ 就可以看到我們所有遠程連接的目標頁面,點擊inspect即可在瀏覽器中定位到我們的手機頁面元素,我們想要在手機上定位元素時,先點擊devtools中的旋轉元素按鈕,然后在手機上按鈕想要選擇的元素就可以看到和在瀏覽器中選擇元素一樣的效果

![在這里插入圖片描述](https://i-blog.csdnimg.cn/direct/d940e04fe9114e67a121b038c35a9cb9.png

4、可以自己寫頁面顯示所有連接的設備信息, 可以訪問以下接口

http://ip地址:8080/targets