使用 Chii 調試移動端頁面

Chii 是一款與 weinre 相似的遠程調試工具，主要是將 web inspector 替換爲最新的 chrome devtools frontend。

Demo

請掃描二維碼或在手機上直接訪問：https://chii.liriliri.io/tests/demo.html

打開 https://chii.liriliri.io/ 並點擊 inspect 按鈕開始調試示例頁面。

若是想在其它頁面嘗試，請在瀏覽器地址欄上輸入如下代碼。

javascript:(function () { var script = document.createElement('script'); script.src="//chii.liriliri.io/target.js"; document.body.appendChild(script); })();

因爲加載文件較多，服務器在國外，示例網站訪問會有些慢，請耐心等待。

安裝

能夠經過 npm 安裝。

npm install chii -g

使用

用下面的命令開啓服務。

chii start -p 8080

啓動 chii 後在瀏覽器中輸入 localhost:8080 顯示以下界面。

如今，往你要調試的頁面中注入一個腳本。

<script src="http//localhost:8080/target.js"></script>

在手機上訪問須要保持跟 PC 同一個網絡，同時將 localhost 替換成 PC 的 IP 地址。

再次訪問 localhost:8080，會看到變成了下面的界面。

點擊 inspect 就能夠開始調試你的頁面了。