利用Chrome進行遠端移動端除錯

2021-07-25 21:58:28 字數 803 閱讀 2042

chrome還可以支援遠端移動端除錯,方法如下:

1 在開發機器上,按f12開啟開發者工具,在開發者工具的右上角選擇更多工具(more tools)->檢查裝置(inspect devices),見下圖

2 利用usb資料線連線個人手機,並在手機上啟用usb除錯者模式。

3 在個人手機上開啟chrome。

4 在開發機器的開發者工具上,我們會發現我們的移動裝置以及相關的網頁資訊,選擇網頁後的「inspect」按鈕即可進行同步除錯,見下圖。

現在開發機器與遠端完全同步了,並且能充分發揮除錯工具的特性,觀察每個dom的style、event等相關資訊,見下圖,盡情地享受除錯的快樂吧!

如果手機的連線資訊顯示為unknow,連線狀態顯示為pending,請務必從裝置管理器中更新手機的驅動程式(千萬不能出現黃色的三角及感嘆號的情形,或者你的手機還出現在其他裝置的分類中),正確的裝置資訊如下:

最後,重要的事情說三遍,一定要開啟usb除錯者模式,一定要開啟usb除錯者模式,一定要開啟usb除錯者模式。

利用Chrome進行遠端移動端除錯

首先給大家分享乙個巨牛巨牛的人工智慧教程,是我無意中發現的。教程不僅零基礎,通俗易懂,而且非常風趣幽默,還時不時有內涵段子,像看 一樣,哈哈 我正在學習中,覺得太牛了,所以分享給大家!點這裡可以跳轉到教程 chrome還可以支援遠端移動端除錯,方法如下 1 在開發機器上,按f12開啟開發者工具,在開...

利用Chrome模擬訪問移動端網頁

很多 都通過user agent來判斷瀏覽器型別,如果是3g手機,顯示手機頁面內容,如果是普通瀏覽器,顯示普通網頁內容。谷歌chrome瀏覽器,可以很方便地用來當3g手機模擬器。在windows的 開始 執行 中輸入以下命令,啟動谷歌瀏覽器,即可模擬相應手機的瀏覽器去訪問3g手機網頁 谷歌andro...

web移動端和PC端利用chrome同步開發除錯

1 移動裝置和pc裝置必須安裝了chrome 32以上的版本,移動裝置必須為android4.0 2 移動裝置進入設定功能,設定為開發模式 3 pc端chrome開啟chrome inspect devices,裡面的選項打勾 4 用資料線連線移動裝置與pc裝置 5 手機開啟usb除錯模式 一般插了...