chrome除錯Android webview頁面

2022-08-31 09:00:10 字數 877 閱讀 5742

第一步:首先在移動裝置上開啟usb除錯模式。方法:

● android 3.2+,開啟設定 – 應用程式 – 開發,在「usb除錯」處打鉤選上

● android 4.0~ android 4.1 ,開啟設定-開發者選項-進入在「usb除錯」處打鉤選上。

● android 4.2+,開啟設定-關於手機-手機配置資訊-連點「版本號」7次,返回上層就可以看到「開發者選項」顯示出來了,在「usb除錯」處打鉤選上。

第二步:用usb資料線連線裝置,驅動裝好連線成功後,你可能會在裝置上看到乙個彈框請求允許使用這台計算機通過usb除錯,勾選後點選「確定」。

第三步:在電腦上開啟chrome瀏覽器的選單– 更多工具 – 檢查裝置(chromemenu > more tools > inspect devices),或者直接在瀏覽器位址列輸入chrome://inspect 或者about:inspect

開啟後devtools後,確保打鉤選中discover usb devices

點選inspect開啟devtools後,你可以選中頁面中的dom元素,同時裝置中對應元素也高亮顯示,也可使用devtools中的inspect element 選中目標元素,可以實時與移動裝置頁面互動,方便的定位問題所在,進行**除錯。

在輸入框中輸入乙個新的**,點選opoen可開啟你想要除錯的新頁面。

使用network面板可以實時觀察頁面在手機實際網路環境中資源的載入情況。

timeline面板可以用來分析頁面渲染和cpu使用情況,通常情況下移動裝置的效能會比電腦上要低一些。

在devtools的console控制台中編寫指令碼執行,會同步表現在移動裝置中檢查的頁面。

如果要除錯本地搭建的伺服器程式,需要用到埠**和虛擬主機對映,以使裝置上可以呈現你本地環境下的頁面內容。

使用Chrome來除錯你的Android App

部落格源址 在android開發中除了一些官方自帶的一些除錯工具外,還有兩個工具我認為是必備的。抓包工具雖然好用,但是每次都要在手機設定 也挺麻煩的,檢視sqlite檔案必須要root這點更麻煩。但是有了stetho,這些工具全部自帶了,使用方便,無須root,下面就來看下官方demo介紹的使用用法...

利用Chrome瀏覽器除錯Android資料庫

通過ddms和sqlite3工具可以調出資料庫,但ddms中有時會出現許可權訪問限制打不開data資料夾,sqlite3工具需要root手機。這兩種方法除錯資料庫都相對麻煩。facebook開源的stetho工具極大解決了這種問題,更方便的觀察資料庫並除錯。步驟一 首先先在build.gradle的...

chrome 適配除錯 Chrome 除錯技巧

寫在前面 本文包括瀏覽器除錯,不包括web移動端除錯。本文除錯均在chrome瀏覽器進行 alert 這個不用多說了,不言自明 console 基本輸出 console.log 列印字串 在控制台列印自定義字串 console.error 我是個錯誤 在控制台列印自定義錯誤資訊 console.in...