如何在PC機上測試移動端的網頁

2021-03-04 00:20:05 字數 2830 閱讀 2379

1樓:匿名使用者

電腦端測試手機網頁的方法有以下4點:

1、opera瀏覽器推出了一款專用測試移動端的瀏覽器工具(opera mobile classic emulator)進行測試,還可以自定義手機解析度。

2、使用谷歌瀏覽器的開發者模式(按f12),點選開發者工具左邊第二個手機一樣的按鈕。

3、使用 ios 或 android 模擬器內的瀏覽器來檢視。

4、修改瀏覽器的「使用者**」(user agent),即可模擬網頁在其他裝置上的顯示。這個方法的原理是告訴**你在用所「聲稱」的瀏覽器在訪問,**就會按瀏覽器或平台給你相應的網頁或排版布局。

如何在 pc 機上測試移動端的網頁

2樓:鏗鏘民工

一般來說,用chrome瀏覽器,或者

其他雙核瀏覽器的極速版,有3個步驟

1、按f12,或者在ctrl+shift+i,或者右上角開啟下拉列表找到並點選「開發者工具」;

2、按ctrl+shift+m,或者點選左上角的手機圖示;

3、然後在左側重新整理頁面,選擇適配終端,就可以除錯移動端頁面。

補充一下除錯效果:左側為除錯效果,右側為**.可以在瀏覽的同時檢視左側的樣式與**

3樓:德朋印暄

電腦端測試手機網頁的方法有以下4點:

1、opera瀏覽器推出了一款專用測試移動端的瀏覽器工具(operamobile

classic

emulator)進行測試,還可以自定義手機解析度。

2、使用谷歌瀏覽器的開發者模式(按f12),點選開發者工具左邊第二個手機一樣的按鈕。

3、使用

ios或

android

模擬器內的瀏覽器來檢視。

4、修改瀏覽器的「使用者**」(user

agent),即可模擬網頁在其他裝置上的顯示。這個方法的原理是告訴**你在用所「聲稱」的瀏覽器在訪問,**就會按瀏覽器或平台給你相應的網頁或排版布局。

如何在 pc 機上測試移動端的網頁

4樓:yty隨意

1、首先在電腦上開啟360極速

瀏覽器,其他瀏覽器也大同小異,在乙個網頁中「右鍵--審查元素」。

2、在彈出的視窗中,在右下角找到setting按鍵,進入設定介面。

3、在settings中,找到overrides,並點選,勾選enable和user-agent選項。

4、然後選擇相應需要用到的手機系統與相應的裝置,進行模擬。

5、然後再下拉,這裡可以設定螢幕的解析度,字型的大小比例等。

5樓:左陽

不中如下:

1、開啟移動端網頁

2、複製頁面**傳送至可以傳輸**的軟體

3、使用pc端接受**

4、檢測

6樓:風花樹

一、chrome*瀏覽器

chrome模擬手機總共有四種方法,原理都一樣,通過偽裝user-agent,將瀏覽器

7樓:帥帥哥

firefox和chrome都有手機模式,搭建手機模擬器,其實就是搭建一下andriod和ios的後台開發環境。還有一些第三方的開放式開發平台,移動電信聯通都有,不過要收費的。

如何在 pc 機上測試移動端的網頁

8樓:匿名使用者

茬 遮 妧,

如何在 pc 機上測試移動端的網頁

9樓:匿名使用者

用chrome瀏覽器測試,簡單方便,步驟:

1、用chrome瀏覽器開啟該網頁

2、按f12開啟開發人員選項

3、切換成移動顯示模式,如下圖

4、選擇不同裝置及解析度進行除錯,還可以旋轉,如下圖:

ok,開始你的開發之旅吧~

10樓:千鋒教育

開啟chrome 輸入**,按f12撥出偵錯程式,按esc就會底下再冒上來一坨,選 emulation 在chrome裡開發網頁***,各種好   除了   字型是不一樣的,導致文字寬度都可能不一樣,繼續導致在手機裡會掉下去什麼的   還有retina什麼的,1px的線之類的!

如何在 pc 機上測試移動端的網頁

11樓:可樂零七

用chrome瀏覽器測試,簡單方便,步驟:

1、用chrome瀏覽器開啟該網頁

2、按f12開啟開發人員選項

3、切換成移動顯示模式,如下圖

4、選擇不同裝置及解析度進行除錯,還可以旋轉,如下圖:

如何在 pc 機上測試移動端的網頁

12樓:匿名使用者

一般來說,用chrome瀏覽器,或者其他雙核瀏覽器的極速版,有3個步驟1、按f12,或者在ctrl+shift+i,或者右上角開啟下拉列表找到並點選「開發者工具」;2、按ctrl+shift+m,或者點選左上角的手機圖示;3、然後在左側重新整理頁面,選擇適配終端,就

如何在 pc 機上測試移動端的網頁

13樓:千鋒教育

開啟baichrome 輸入**,按duf12撥出偵錯程式,按esc就會底下再冒zhi上來一坨,選 emulation

在daochrome裡開發網頁***,各種好回除了字型是答不一樣的,導致文字寬度都可能不一樣,繼續導致在手機裡會掉下去什麼的

還有retina什麼的,1px的線之類的!

如何在PC機上測試移動端的網頁

一般來說,用chrome瀏覽器,或者其他雙核瀏覽器的極速版,有3個步驟1 按f12,或者在ctrl shift i,或者右上角開啟下拉列表找到並點選 開發者工具 2 按ctrl shift m,或者點選左上角的手機圖示 3 然後在左側重新整理頁面,選擇適配終端,就 如何在 pc 機上測試移動端的網頁...

如何在pc機上測試移動端的網頁

右擊桌面上的chrome瀏覽器圖示,在彈出的右鍵選單中選擇 複製 複製乙個圖示副本到桌面。右擊該副本,選擇 屬性 開啟相應的對話方塊,在 目標 文字框的字元後面新增以下語句 user agent android 注意user前面是兩個 並且 chrome.exe 與 user 之間有乙個空格。確定之...

PC端與移動端的產品,在設計上有什麼區別

成本 pc端開發成本低,速度快。移動端 一般都是開發安卓端 ios端開發成內本高。使用者 pc端使用者黏性低容,而且現在已經是移動網際網路時代,手機網民更多。產品 移動端產品大多數佔用的是使用者碎片化的時間,生命週期已經可塑性強。pc端和移動端在設計上有什麼區別呢?乙個大螢幕,乙個巴掌大的螢幕。首先...