移動端瀏覽器調(diào)試方法有哪些呢?

2024-02-25    分類: 網(wǎng)站建設(shè)

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

成都網(wǎng)站建設(shè)開發(fā)人員對比較常見的Web移動端調(diào)試方式進(jìn)行了匯總:

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

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

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

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

以上就是成都網(wǎng)站建設(shè)開發(fā)人員對移動端瀏覽器的調(diào)試方法介紹,希望對大家有所幫助,如果有想做網(wǎng)站的,歡迎來創(chuàng)新互聯(lián)進(jìn)行咨詢了解,我們專業(yè)權(quán)威的團(tuán)隊,會竭誠為您更好的服務(wù)!

新聞標(biāo)題:移動端瀏覽器調(diào)試方法有哪些呢?
地址分享:http://www.muchs.cn/news0/318750.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站商城網(wǎng)站、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)、面包屑導(dǎo)航小程序開發(fā)

廣告

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

綿陽服務(wù)器托管