網站測試 - 手機除錯

from : 十個行動版網頁(MOBILE WEB)開發輔助工具

weinre

Weinre入门手册 https://github.com/nupthale/weinre

可看做是手機版的 Chrome Dev Tools,不過功能沒那麼完整(少了 pseudo element 檢視)。

  1. 終端機 npm 全域安裝:sudo npm -g install weinre
  2. 執行:weinre --boundHost -all- --httpPort 8080
    • 以瀏覽器開啟 http://IP:8080 說明頁。
      • 說明頁中 "Target Script":將該 script 掛到要除錯的網頁上...
      • 注意該 script 的 IP 預設為 "localhost",(因為 localhost 是執行 weinre 的位置,而非行動裝置),記得改 IP 位址為要調適網站的位置。( port 不用改)
  3. "Access Points": 進入 debug client user interface: http://IP:8080/client/#anonymous 後,內容區 "Targets" 會列出掛上 script 且正在瀏覽的網頁,上方介面看起來和開發者工具很像,點擊切換到各個功能頁籤進行即時除錯與修改。

python-simplehttpserver

https://blog.gtwang.org/web-development/python-simplehttpserver-web-server/

results for ""

    No results matching ""