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

成都創(chuàng)新互聯(lián)公司公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元濟(jì)寧做網(wǎng)站,已為上家服務(wù),為濟(jì)寧各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575

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

步驟：

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

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

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

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

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

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

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

步驟：

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

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

3）打開chrome，輸入chrome://inspect/#devices，勾選Discover USB devices

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

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

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

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

3.weinre

步驟：

1）可以直接npm install這個模塊，然后啟動，打開管理界面即可

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

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

以上這篇基于移動端真機(jī)調(diào)試的圖文教程(分享)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

文章名稱：基于移動端真機(jī)調(diào)試的圖文教程(分享)-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：http://jinyejixie.com/article10/hejdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司、移動網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、ChatGPT、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)