前端3類真機調試技巧

1. Chrom+Android/Safari+ios
2. Fiddler/Charles
3. Weinre,Spy-debugger、vConsole 不分系統都可以用，依賴nodejs

Safari+ios真機調試

windows電腦可以下載wind版本的Safari瀏覽器或者下載黑蘋果

1. 打開Safari瀏覽器的開發調試控制檯
2. 手機上的設置
   在設置中選擇Safari瀏覽器
   打開高級選項，然後將web檢查器打開
3. 手機通過id地址訪問要調試的頁面

Chrom+Android真機調試

1. 在chrom瀏覽器地址欄中輸入chrome://inspect/#devices
2. 手機設置：打開開發者模式
   多次點擊版本號，打開開發者模式
   然後就會有開發者選項，點擊進入，選擇打開開發者人員選項
   保持喚醒狀態打開
   USB調試打開
3. 然後將手機用數據線連接到電腦或連接同一個局域網
4. 手機瀏覽器通過ip訪問調試的頁面
5. 點擊電腦上的瀏覽器中的inspect就能進入手機頁面的調試器界面

點擊inspect出現白屏的解決方法
1.電腦和手機上的瀏覽器一定要保證都是最新版本的
2.添加谷歌的訪問服務，開啓虛擬專有網絡

Weinre

1. 全局安裝

npm -g install weinre

2. 啓動和驗證是否安裝成功

weinre --version

3. ctr+c 退出
4. 啓動時指定端口號和所有瀏覽器都可以訪問

weinre --httpPort=10000 --boundHost=-all-

5. 在瀏覽器中打開localhost:10000
6. 根據提示在測試頁面添加