最近要分析web頁(yè)面，在安卓和ios上的性能差異，除了操作系統(tǒng)本身不同之外，應(yīng)該還多地方要探究的，第一步就是要在真機(jī)上分析。所以總結(jié)一下幾個(gè)方法。

1.Mac+iPhone+ Lightning+Safari 瀏覽器

步驟：

1）用：Lighting線將mac與iphone相連

2）iphone打開(kāi)Web檢查器（設(shè)置->Safari->高級(jí)->Web檢查器）

3）iphone用safari打開(kāi)要進(jìn)行分析的頁(yè)面

4）mac打開(kāi)safari瀏覽器（菜單->開(kāi)發(fā)->對(duì)應(yīng)的手機(jī)名稱(chēng)->要調(diào)試的頁(yè)面），點(diǎn)擊即進(jìn)入Safari Developer Tools

5)可以見(jiàn)到的調(diào)試界面是這樣的

缺點(diǎn)：不能調(diào)試webView里面的頁(yè)面

2.安卓手機(jī)+安卓數(shù)據(jù)線+電腦

步驟：

1）用數(shù)據(jù)線將手機(jī)與電腦相連

2）手機(jī)開(kāi)啟use調(diào)試（安卓不同機(jī)型開(kāi)啟的步驟不盡相同，不知道的百度一下）

3）打開(kāi)chrome，輸入chrome://inspect/#devices，勾選Discover USB devices

4）用手機(jī)chrome打開(kāi)要調(diào)試的網(wǎng)頁(yè)（如果是其他webView頁(yè)面，需要在app配置啟動(dòng)代碼，詳鍵官方教程）

5）選擇你要調(diào)試的頁(yè)面進(jìn)入

6）可以見(jiàn)到是這樣的調(diào)試界面

缺點(diǎn)：親測(cè)，mac中調(diào)試界面與小米6手機(jī)的界面經(jīng)常不同步，操作非常不方便，還好控制臺(tái)還是能正?？礀|西

3.weinre

步驟：

1）可以直接npm install這個(gè)模塊，然后啟動(dòng)，打開(kāi)管理界面即可

2）直接安裝whistle，自帶了weinre。還可以代理不同環(huán)境，具體教程見(jiàn)：https://avwo.github.io/whistle/rules/weinre.html

缺點(diǎn)：可以說(shuō)是極簡(jiǎn)主義了，步驟簡(jiǎn)單、調(diào)試簡(jiǎn)單、能調(diào)的也簡(jiǎn)單（就是查查元素，看看控制臺(tái)，不能像chrome那些分析工具一樣）

以上這篇基于移動(dòng)端真機(jī)調(diào)試的圖文教程(分享)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論