基于移動端真機調(diào)試的圖文教程(分享)
最近要分析web頁面，在安卓和ios上的性能差異，除了操作系統(tǒng)本身不同之外，應(yīng)該還多地方要探究的，第一步就是要在真機上分析。所以總結(jié)一下幾個方法。
1.Mac+iPhone+ Lightning+Safari 瀏覽器
步驟：
1）用：Lighting線將mac與iphone相連
2）iphone打開Web檢查器（設(shè)置->Safari->高級->Web檢查器）
3）iphone用safari打開要進行分析的頁面
4）mac打開safari瀏覽器（菜單->開發(fā)->對應(yīng)的手機名稱->要調(diào)試的頁面），點擊即進入Safari Developer Tools
5)可以見到的調(diào)試界面是這樣的
缺點：不能調(diào)試webView里面的頁面
2.安卓手機+安卓數(shù)據(jù)線+電腦
步驟：
1）用數(shù)據(jù)線將手機與電腦相連
2）手機開啟use調(diào)試（安卓不同機型開啟的步驟不盡相同，不知道的百度一下）
3）打開chrome，輸入chrome://inspect/#devices，勾選Discover USB devices
4）用手機chrome打開要調(diào)試的網(wǎng)頁（如果是其他webView頁面，需要在app配置啟動代碼，詳鍵官方教程）
5）選擇你要調(diào)試的頁面進入
6）可以見到是這樣的調(diào)試界面
缺點：親測，mac中調(diào)試界面與小米6手機的界面經(jīng)常不同步，操作非常不方便，還好控制臺還是能正?？礀|西
3.weinre
步驟：
1）可以直接npm install這個模塊，然后啟動，打開管理界面即可
2）直接安裝whistle，自帶了weinre。還可以代理不同環(huán)境，具體教程見：https://avwo.github.io/whistle/rules/weinre.html
缺點：可以說是極簡主義了，步驟簡單、調(diào)試簡單、能調(diào)的也簡單（就是查查元素，看看控制臺，不能像chrome那些分析工具一樣）
以上這篇基于移動端真機調(diào)試的圖文教程(分享)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Android實現(xiàn)帶指示點的自動輪播無限循環(huán)效果
這篇文章主要為大家詳細介紹了Android實現(xiàn)帶指示點的自動輪播無限循環(huán)效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
View Binding是一項功能，使您可以更輕松地編寫與視圖交互的代碼。在模塊中啟用視圖綁定后，它將為該模塊中存在的每個XML布局文件生成一個綁定類。這篇文章主要介紹了Android 使用View Binding的方法,需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細介紹了Android Studio安裝配置方法圖文教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了Android 進度條自動前進效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
今天小編就為大家分享一篇Android N獲取外置SD卡或掛載U盤路徑的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Android提供了XmlSerializer來實現(xiàn)XML文件的序列化。相比傳統(tǒng)方式，更高效安全,需要的朋友可以參考下2014-02-02
Android開發(fā)實現(xiàn)跟隨手指的小球效果示例
這篇文章主要介紹了Android開發(fā)實現(xiàn)跟隨手指的小球效果,涉及Android圖形繪制、事件響應(yīng)、界面布局等相關(guān)操作技巧,需要的朋友可以參考下2019-04-04
Android實現(xiàn)圖片的裁剪(不調(diào)用系統(tǒng)功能)
這篇文章主要為大家詳細介紹了Android實現(xiàn)圖片的裁剪，不調(diào)用系統(tǒng)功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
Android 中ListView點擊Item無響應(yīng)問題的解決辦法
如果listitem里面包括button或者checkbox等控件，默認情況下listitem會失去焦點，導(dǎo)致無法響應(yīng)item的事件，怎么解決呢？下面小編給大家分享下listview點擊item無響應(yīng)的解決辦法2016-12-12
解決Android啟動APP的一瞬間系統(tǒng)欄會變成藍色問題
這篇文章主要介紹了解決Android啟動APP的一瞬間系統(tǒng)欄會變成藍色問題,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-06-06