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

2022-07-17 02:36:12 字數 468 閱讀 9152

1、移動裝置和pc裝置必須安裝了chrome 32以上的版本,移動裝置必須為android4.0+;

2、移動裝置進入設定功能,設定為開發模式;

3、pc端chrome開啟chrome://inspect/#devices,裡面的選項打勾;

4、用資料線連線移動裝置與pc裝置;

5、手機開啟usb除錯模式(一般插了資料線會彈出提示);

6、然後在移動裝置上用chrome開啟你要除錯的**,這時,pc端會識別到移動裝置上的chrome的瀏覽情況;

7、點選pc端的某**下的inspect,就會彈出開發者模式,大功告成。

詳情看下圖:

pc端適配移動端

1.允許網頁寬度自動調整在網頁 的頭部,加入一行viewport元標籤所有主流瀏覽器都支援這個設定,包括ie9。對於那些老式瀏覽器 主要是ie6 7 8 需要使用css3 mediaqueries.js2.不使用絕對寬度由於網頁會根據螢幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬...

移動端PC端自適應

查詢 這段 的幾個引數解釋 width device width 寬度等於當前裝置的寬度 initial scale 初始的縮放比例 預設設定為1.0 minimum scale 允許使用者縮放到的最小比例 預設設定為1.0 maximum scale 允許使用者縮放到的最大比例 預設設定為1.0 ...

前端 移動端和PC端的區別

在阿里的幾次面試中,總是被問到移動端和pc端有什麼區別,當時回答的時候主要是回答了在相容性 網速 適配 頁面布局等方面的不同,但是還是很不系統,所以這裡做乙個總結。第一 pc考慮的是瀏覽器的相容性,而移動端開發考慮的更多的是手機相容性,因為目前不管是android手機還是ios手機,一般瀏覽器使用的...