用Chrome在手機上調試本地網頁代碼

來源:互聯網
上載者:User
原文翻譯內容:

主機開發電腦網路伺服器上的網站,然後從Android裝置訪問內容。

使用USB電纜和Chrome DevTools,可以運行從開發機器網站,然後查看該網站在Android裝置上。

TL; DR

連接埠轉寄,您可以查看您的Android裝置上從開發機器的Web伺服器內容。

如果您的Web伺服器使用的是自訂網域,你可以設定你的Android裝置在使用自訂網域映射域訪問內容。

設定連接埠轉寄

連接埠轉寄使您的Android裝置到的正在開發電腦的Web伺服器上訪問內容。連接埠轉寄的工作原理是建立在Android裝置上映射到一個TCP連接埠在開發機器上監聽TCP連接埠。連接埠之間的通訊通過Android裝置和開發電腦之間的USB串連出行,因此串連不依賴於你的網路設定。

要啟用連接埠轉寄:

設定遠端偵錯您的開發機和Android裝置之間。當你完成,你應該看到的左側菜單Android裝置檢查裝置對話方塊和 串連狀態指示燈。

在檢查裝置在DevTools對話方塊中,啟用連接埠轉寄。

點擊添加規則。

  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.