瀏覽器兼容性一直是網(wǎng)站建設(shè)開(kāi)發(fā)人員的比較頭疼的問(wèn)題，雖說(shuō)移動(dòng)端的內(nèi)核趨于統(tǒng)一，但是兼容性也比PC端好不少，但是也需要考慮第三方瀏覽器在內(nèi)核上面的“優(yōu)化”，因此兼容問(wèn)題也是不容忽視的，那么移動(dòng)端瀏覽器的調(diào)試方法有哪些呢?

　　石家莊網(wǎng)站建設(shè)開(kāi)發(fā)人員對(duì)比較常見(jiàn)的Web移動(dòng)端調(diào)試方式進(jìn)行了匯總：

　　Chrome模擬器：調(diào)試難度簡(jiǎn)單，需要打開(kāi)想要調(diào)試的頁(yè)面，然后右上角設(shè)置中打開(kāi)開(kāi)發(fā)人員工具，或者點(diǎn)擊鼠標(biāo)右鍵點(diǎn)擊“檢查” (inspect)，即可開(kāi)始調(diào)試，使用快捷鍵: Windows 是 Ctrl + shift + I, Mac 為 option + command + I。

　　Android上的Chrome：需要在Android和PC設(shè)備上均安裝Chrome瀏覽器，用USB線連接兩個(gè)平臺(tái)設(shè)備，開(kāi)啟當(dāng)前Android設(shè)備的USB進(jìn)行調(diào)試，在PC上的Chrome地址欄輸入chrome://inspect然后回車，進(jìn)入調(diào)試界面，在移動(dòng)設(shè)備任何時(shí)候彈出的“是否允許遠(yuǎn)程調(diào)試”上，選擇“允許”。PC的inspect頁(yè)面列表將展示已在Android上的Chrome中打開(kāi)的頁(yè)面。點(diǎn)擊對(duì)應(yīng)的“inspect”按鈕則可開(kāi)始調(diào)試。

　　IOS 上的 Safari：在 IOS 設(shè)備上打開(kāi)允許調(diào)試：設(shè)置 –> Safari –> 高級(jí) –> 打開(kāi) “web檢查器“，在 MAC 上打開(kāi) Safari 的開(kāi)發(fā)菜單：頂部菜單欄 “Safari” –> 偏好設(shè)置 –> 高級(jí) –> 打開(kāi) 在菜單欄中顯示“開(kāi)發(fā)”菜單 (show develop menu in menu bar)，在 IOS 設(shè)備上的 Safari 瀏覽器中打開(kāi)要調(diào)試的頁(yè)面，然后切換到 MAC 的 Safari，在頂部菜單欄選擇 “開(kāi)發(fā)” –> 找到你的 IOS 設(shè)備名稱 –> 右邊二級(jí)菜單選擇需要調(diào)試的對(duì)應(yīng)標(biāo)簽頁(yè)，即可開(kāi)始遠(yuǎn)程調(diào)試。

　　Android/IOS APP 里的webview：通過(guò)修改代碼，在APP內(nèi)設(shè)置允許遠(yuǎn)程調(diào)試(安卓>=4.4),具體方法在這里。然后安裝 APP在 PC 上安裝 Chrome 瀏覽器(版本>=32)和對(duì)應(yīng)的 Android 設(shè)備驅(qū)動(dòng)(如果找不到，可以 豌豆莢大法)用 USB 線連接Android設(shè)備，開(kāi)啟當(dāng)前Android設(shè)備的USB調(diào)試，在PC上的chrome地址欄輸入chrome://inspect然后回車進(jìn)入調(diào)試界面在移動(dòng)設(shè)備上彈出的是否允許遠(yuǎn)程調(diào)試上，選擇“允許”PC 的 inspect 頁(yè)面列表將展示已在 Android webview中打開(kāi)的頁(yè)面。點(diǎn)擊對(duì)應(yīng)的 “inspect” 按鈕則可開(kāi)始調(diào)試。

　　以上就是石家莊網(wǎng)站建設(shè)開(kāi)發(fā)人員對(duì)移動(dòng)端瀏覽器的調(diào)試方法介紹，希望對(duì)大家有所幫助，如果有想做網(wǎng)站的，歡迎來(lái)尚武科技進(jìn)行咨詢了解，我們專業(yè)權(quán)威的團(tuán)隊(duì)，會(huì)竭誠(chéng)為您更好的服務(wù)!