如何用手机测试自己写的正在開發的網站專

Step1.開啟手機的開發者模式以及相關設定

如何開啟「開發人員選項」？

在Android系統中，「開發人員選項」預設是隱藏起來的，不過要開啟其實也不困難，跟著下面的教學走就對了！

圖：進入到「設定」選單中的「關於手機」，找到「版本號碼」這個選項（根據手機品牌不同，可能會放在不同的子選單中），接著在上頭「點七下」，當你點到第三下之後，就會出現相關的提示訊息。

圖：點完七下後，就會出現「您現在已成為開發人員」的訊息，回到「設定」選單，在清單中即可看到「開發人員選項」的項目。

開啟USB偵錯模式

「USB偵錯」模式，是開發人員透過電腦監測手機使用的一個功能，而這個功能也經常被用在許多電腦端的非官方「連線工具」，像是對岸最流行的「助手工具」，就需要開啟這個功能。

圖：在「開發人員選項」中，確認上方的開關「開啟」，再勾選「USB偵錯」即可，在連線電腦端的程式後，會需要再確認一下手機授權即可使用特殊功能。

關閉動畫，效能更提升

對於追求系統極致效能的使用者來說，關閉一些程式執行或是操作上的轉場動畫，可以進一步提升操作的順暢感哦！

圖：在偵錯模式中，有三個不同的動畫選項可以選擇，選擇「關閉動畫」可將特效關閉，增加操作時的順暢度。

打電動更順暢的小技巧

針對OpenGL開發的程式（3D遊戲居多），在開發人員選項中，有一個「強制4x MSAA」可以開啟，讓效能提升。

圖：將「強制4x MSAA」打開，即可在OpenGL支援的應用程式中啟用功能，讓3D效果更好，但相對的也會增加手機效能的負擔，讓電力耗損更大。

老舊手機的記憶體管控技巧

部份老舊手機的記憶體容量不足，造成多個程式執行時發生記憶體不足而系統遲緩的狀況，可以透過「背景處理程序限制」的功能來強化記憶體管理的效果，不過對於記憶體容量2GB以上的新款手機來說，這個調校的效果不大，但若是記憶體在1GB以下的老舊手機，就可以透過這個方式來優化！

圖：在「開發人員選項」中，勾選「不要保留活動」，並點選「背景處理程序限制」，來設定背景處理程序的最高值，建議可調整為「最多3個處理程序」即可。

【資料引用資訊】

google關鍵字:[Android豆知識] 開啟「開發人員選項」，讓你手動調校系統效能！

網址:https://axiang.cc/archives/17043

Step2.設定手機與PC的Chrome瀏覽器

1、手機插上USB與電腦連線
2、在手机上打开chrome

3、在PC机上打开chorme，输入chrome://inspect,勾選Discover USB devices選項 

4、點選Port forwarding，並做設定

圖:前一個欄位請輸入8080，因為手機是透過瀏覽器進入專案網頁的，而瀏覽器的服務PORT預設是8080。後一個欄位請輸入在PC操作時輸入的網址，格式:localhost:自定Port號(參考下圖)。

5、於手機的chorme瀏覽器輸入專案網頁的網址(如上圖)即可成功。

【資料引用資訊】

1.google關鍵字:訪問本地服務器

網址:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/local-server?hl=zh-tw

2.google關鍵字:如何用手机测试自己写的web页面？

網址:https://www.zhihu.com/question/37361845