當(dāng)你在工作中是否遇到過下面的情況：

【1】修改代碼，想真機(jī)看效果但又不想一版一版的發(fā)布？

【2】測試手機(jī)沒微信，H5鏈接很長想真機(jī)看效果卻又懶得下載微信再復(fù)制粘貼鏈接到瀏覽器？

【3】想讓APP內(nèi)嵌H5頁面的效果在Web上面就像在內(nèi)嵌在app里面一樣顯示出來？

###########下面是解決方案############

【1】問題的解決方案：使用Charles軟件做代理

（1）保證手機(jī)和電腦在同一個(gè)無線網(wǎng)上面
（2）mac使用SwitchHost修改host,windows自行百度下修改host的方法

image.png

（3）使用Charles軟件做代理
（3.1）獲取PC的IP地址和端口
在Charles菜單欄 -> Help -> Local IP Address中可以查看PC的IP地址。
一般Charles端口是默認(rèn)的8888，可以從Charles菜單欄 -> Proxy -> Proxy Settings查看

image.jpeg

image.png

（3.3）iPhone代理配置完成后，Charles會(huì)彈出連接提示框，點(diǎn)擊Allow之后即可使用Charles對從該iPhone發(fā)出的請求進(jìn)行抓包了隨便走一個(gè)web就可以走h(yuǎn)ttp的抓包了也就是代理連接成功了

image.jpeg

【2】問題的解決步驟：

（1）瀏覽器安裝草料瀏覽器插件——二維碼生成和解碼
點(diǎn)我官方教程指路
（2）找到你項(xiàng)目的鏈接

image.png

（3）安卓手機(jī)和蘋果手機(jī)自帶的掃碼功能

蘋果：下拉找到二維碼圖標(biāo)

image.png

安卓：相機(jī)-更多-掃一掃

image.png

掃描草料生成的二維碼即可

【3】問題的解決方案：設(shè)置谷歌瀏覽器的UA

什么是User-Agent

User-Agent是Http協(xié)議中的一部分，屬于頭域的組成部分，User Agent也簡稱UA。用較為普通的一點(diǎn)來說，是一種向訪問網(wǎng)站提供你所使用的瀏覽器類型、操作系統(tǒng)及版本、CPU 類型、瀏覽器渲染引擎、瀏覽器語言、瀏覽器插件等信息的標(biāo)識(shí)。UA字符串在每次瀏覽器 HTTP 請求時(shí)發(fā)送到服務(wù)器！

瀏覽器UA 字串的標(biāo)準(zhǔn)格式為： 瀏覽器標(biāo)識(shí) (操作系統(tǒng)標(biāo)識(shí); 加密等級標(biāo)識(shí); 瀏覽器語言) 渲染引擎標(biāo)識(shí) 版本信息

(1)點(diǎn)擊編輯

image.png

(2)新增一個(gè)APP環(huán)境

image.png

image.png