怎麼將網頁模擬各種設備

A. 如何用電腦PC瀏覽器模擬手機頁面

Chrome

在網頁按F12，打開開發者工具，單擊"切換設備工具欄"

IE

在網頁按F12，單擊工具，單擊更改用戶代理字元串，打開自定義。友好名稱隨意填

用戶代理字元串

Mozilla/5.0 (Linux; Android 4.1.1; Nexus 7 Build/JRO03D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19

其他設備UA可以自行網路搜索。

B. 求大神，怎麼才能讓安卓模擬器模擬不同的手機設備

你可以使用Genymotion模擬器，它可以下載不同系統的手機進行模擬

C. 如何在firefox上模擬移動端設備

您好！

感謝您對火狐瀏覽器的支持！從您的字面意思上很難理解您所謂的專模擬手機是指哪個屬方面。就一般使用而言，可以有2個方面的模仿。1、偽裝成手機端瀏覽器，這
個需要藉助於擴展：Configuration
Mania或UAControl等UA信息修改擴展。2、模擬手機的操作界面，這個需要用到火狐瀏覽器開發者工具的響應模式，其功能進入節點為：選項
->開發者工具->響應式設計視圖。此模式可以任意配置各種比例、解析度的操作界面，以模擬手機環境。

希望我的回答對您有所幫助，如有疑問，歡迎繼續在本平台咨詢。
了解更多火狐瀏覽器的使用小技巧，請到火狐社區：http://mozilla.com.cn/moz-portal.html

D. 如何模擬手機瀏覽器

一、Chrome*瀏覽器
chrome模擬手機總共有四種方法，原理都一樣，通過偽裝User-Agent，將瀏覽器模擬成Android設備。以下標星的為推薦方法。
1.新建Chrome快捷方式
右擊桌面上的Chrome瀏覽器圖標，在彈出的右鍵菜單中選擇「復制」，復制一個圖標副本到桌面。右擊該副本，選擇「屬性」，打開相應的對話框，在「目標」文本框的字元後面添加以下語句：「–user-agent=」Android」」，如下圖：

注意user前面是兩個「-」，並且「chrome.exe」與「–user」之間有一個空格。確定之後，打開這個新建的Chrome快捷方式，輸入3g.qq.com就可以瀏覽到像手機里打開一樣的頁面了。
這時可以新建一個用戶，就不影響原來用戶訪問的時候也是訪問的手機版。
2.一次性模擬iPhone和安卓手機
開始–運行中輸入以下命令，啟動瀏覽器：
模擬谷歌Android：
chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"
模擬蘋果iPhone：
chrome.exe --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"
這種方法僅供特殊情況下使用，因為重啟Chrome將不能恢復正常User-Agent，所以是一次性。

更多的user-agent請自行搜索。
3.安裝插件
插件可以很方便切換各種user-agent，很方便，但是可能會稍微影像性能。
User-Agent Selector地址：https://chrome.google.com/webstore/detail/user-agent-selector//related

從上圖可以看到，還有很多類似的插件，其實功能都大同小異。
4：自帶模擬器*
打開chrome開發者工具，按F12（r32版本），然後找到右上角的齒輪按鈕，打開設置面板，選擇Overrides，勾上Show 『Emulation』 view in console drawer（在控制台視圖中顯示「模擬」）。

然後關閉設置面板，選擇Elements面板（非Console就可以），找到右上角打開控制檯面板，選擇控制檯面板里的Emulation面板，右邊有很多選項，選擇一個點擊Emulate就可以了，Reset按鈕能恢復到默認狀態。

打開模擬後，打開http://xw.qq.com，即可看到如下的手機下的界面

這種方法簡單好用，而且不需要重啟，推薦這種方法。
注意：以上第一種和第二種方法都需要將全部打開的chrome窗口關閉，再打開才能起作用。
二、Firefox*瀏覽器

1.修改user-agent
和chrome一樣安裝插件修改user-agent的方法，搜索wmlbrowser、XHTML Mobile Profile以及User Agent Switcher三個插件
2.火狐響應式設計+修改user-agent*
最近的火狐自己添加響應式設計功能和3D試圖都很棒，打開火狐自己的控制台（非firebug），找到右上角的響應式設計按鈕。

打開後即切換到響應式設計界面

但我們看到打開QQ的站點並未被自動引到QQ的移動頁面，這樣只對響應式設計的界面起作用，對想QQ這樣雲端判斷，返回不同頁面的並不適應，這里就要配合上面的方法，再改下user-agent，即可實現類似chrome的調試功能。

3.Firefox OS 模擬器
安裝的方法 參考這里：https://developer.mozilla.org/zh-CN/docs/Tools-840092-p/Firefox_OS_%E6%A8%A1%E6%8B%9F%E5%99%A8#Installing
安裝完成後可打開如下界面，可用裡面的瀏覽器打開網站即可，但這種方法打開的是電腦網站，而不是手機網站，也就是他的user-agent不是手機的，故對響應式界面起作用，對判斷user-agent的網站不起作用，訪問qq，等返回的都是電腦界面。

三、Opera*瀏覽1.修改user-agent
和chrome和firefox類似，可自行安裝插件，自opera12之後，opera改用webkit內核，故可安裝chrome的插件，也可自行在opera的商店中搜索插件
User Agent Changer下載： https://addons.opera.com/zh-cn/extensions/details/user-agent-changer/?display=en
2.Opera Mobile Emulator + dragonfly*
下載適合自己的版本，安裝完畢會開如下界面：

左側選擇平台，右側選擇參數，選擇完畢點擊啟動，如下的幾面，用過手機opera的朋友會很熟悉，就是手機opera

關於opera mobile emulator的更詳細介紹參看文章末尾參考資料的相關內容。
但此時，還是只能看而已，不能調試模擬器里的網站，這里需要dragonfly配合以實現調試，由於opera12後換了內核，不能安裝dragonfly了，所有你需要一款opera12的瀏覽器，和dragonfly的離線包，配置好後具體如何連接請參看這里http://www.opera.com/dragonfly/documentation/remote/
全部設置好後即可實現在電腦上調試手機網頁，如下圖所示：

opera mobile emulator下載地址：http://www.opera.com/zh-cn/developer/mobile-emulator
四、模擬器*
1.官方模擬器*
做安卓開發的肯定都知道安卓模擬器，這是谷歌官方的提供的開發環境，能模擬安卓環境，還可切換各個版本，可下載配置好的環境，然後打開eclipes，直接打開AVDM，穿件一個AVD，然後start，如下圖：

要等一大會時間，會打開模擬器，和安卓環境一樣，打開裡面的瀏覽器測試即可。但我的瀏覽器打不開不知道為什麼，郁悶的很啊。

下載地址：http://developer.android.com/sdk/index.html
2.bluestacks
這也是一款模擬器，可自行搜索，本人安裝後電腦就卡死了，可能我的電腦配置不行吧，看介紹還是不錯的。
五、在線測試
在線只能測試界面的視覺效果，不能調試，但也是很不錯的。
1.Mobile Emulator*
非常不錯，速度也很快，界面很簡潔，支持多種平台。
http://emulator.mobilewebsitesubmit.com/

2.opera mini simulator
需要java環境支持，單一平台，opera出品，速度很快。
http://www.opera.com/zh-cn/developer/opera-mini-simulator
3.webpage mobile
說實話弄了半天也沒弄出來，大大的鄙視下吧，但是能測試的平台很全面。
http://www.webpagetest.org/mobile
六、總結
以上列出了多種方法，各有利弊，希望大家選擇適合自己的方法，本人推薦chrome自帶模擬器和opera mobile emulator + dragonfly的方法。因為這兩種方法，接近真是手機環境，又能調試css和js。
當然文中沒有提到的還有最好的方法就是你有一台手機，那就太好了，配合遠程調試，是最最理想的辦法。

E. 有什麼軟體或者插件可以模擬各種設備的瀏覽器，手機

用模擬器就行了
看你好像是做測試還是開發的 建議你用雷電模擬器
身邊做這類開發之類工作的都用雷電來調試的

F. Chrome瀏覽器怎麼模擬不同型號手機訪問網頁

Chrome瀏覽器模擬不同型號手機訪問的步驟
在電腦上下載和安裝完成Chrome瀏覽器內之後，在桌面雙擊打容開。

打開Chrome瀏覽器之後，在電腦上打開一個手機站，比如網路手機站，然後點擊滑鼠右鍵，選擇「審查元素」。

接著會在右側顯示一些代碼和一些選項設置，在這里，可以點擊右上角的「底部顯示圖標「進行底部橫屏的切換。

在橫屏切換之後，再點擊右上角「設置」圖標左邊的「show drawre」圖標進行展現。

然後點擊查看「Emulation」菜單，在點擊下面的「手機圖標」。

接著就可以看到其中一種型號的手機的訪問效果，當然還可以點擊上面或者下面Device設備菜單的下拉圖標進行其他手機型號的選擇。

接著在彈出來的多種手機型號中，根據自己要測試的需求和效果，進行相應的手機型號選擇。

選擇相應手機型號之後，在上面的可以看到這個型號手機訪問網頁的效果了。

G. HTML網頁怎麼模擬其他不同解析度設備測試網頁

瀏覽器F12開發者模式，右上角或左上腳有模擬不同設備的選項
或者電腦安裝模擬器

H. 如何在網頁里放入手機模擬器

輕輕鬆鬆玩轉手機模擬器 一、安裝模擬器 首先安裝j2sdk1.4.2，這是個用來開發JAVA程序的，當然，製作手機Java電子書也需要這個軟體，如果已經安裝過了，則可以不必再次安裝！裝完j2sdk1.4.2後，接著就安裝西門子SMTK核心包，這一點特別重要，很多人不成功就是沒有安裝這個核心包。安裝完這兩個後就可以選擇相應的模擬器來安裝了，這里我們安裝的是西門子2128。完成後在開始菜單會出現一個siemens mobility toolkit的菜單項，選擇其子菜單「Emulator」來啟動2128的模擬器。如果你接著要安裝3118,S57,M55,SL55的模擬器，則可跳過前面兩步，直接安裝相應的模擬器即可，然後在「Emulator」選擇啟動相應的模擬器。 二、開始使用模擬器 運行Emulator，選擇啟動2128的模擬器，過了一會兒，模擬器提示插入SIM卡，我們可以按F9忽略，這時，就可以正常的使用摸擬器了。你也許發現了，這個摸擬器是個英文的界面，對E文感冒的朋友可以在待機狀態下輸入「*#0086#+撥號鍵」，將他改成簡體中文顯示。呵呵，真實吧，除了撥打電話、上網以外，所以功能你都可以用哦！！三、用模擬器調試JAVA程序、電子書 沒有數據線的朋友經常用手機下載電子書或者游戲，是不是碰過下載到手機上的程序不能運行，白白浪費你的金錢，現在你可以把程序下載到電腦上再通過模擬器測試，可以運行後你再用手機下載。現在我們就下載一個程序來測試一下吧，首先可以到 http://www.go2way.com 下載自己喜歡的程序，這是一個提供手機Java游戲、電子書下載的站點，一般我們下載下來的程序包含兩個文件，Jar和Jad，新建一個文件夾，假設把這個文件命名為game,接著把這兩個文件放進game這個文件夾裡面，拷到C:\siemens\SMTK\emulators\2128\filesystem\java\jam（默認的路）裡面就可以了。打開手機模擬器的「游戲和其他」菜單，就可以看到我們剛剛拷進的game了，運行就可以看到該程序的界面了。電子書和游戲的方法都是一樣的。呵呵，更多的手機JAVA游戲和電子書下載可以到 http://www.go2way.ocm 下載。快點動手吧，把你喜歡的手機都裝上吧，現實中我們不能都擁有，就讓我們模擬一回吧，下面附上各款模擬器的下載地址，你可以選擇喜歡的進行下來！！ J2sdk1.4.2下載地址： http://www.skycn.com/soft/3116.html 最新版西門子SMTK - 核心包下載地址： http://www.cnjm.net/newpage/resdown.php?id=000102 最新版西門子SMTK - 3118模擬器下載地址： http://www.cnjm.net/newpage/res.php?id=000111 最新版西門子SMTK - 2128模擬器下載地址： http://www.cnjm.net/newpage/res.php?id=000112 最新版西門子SMTK - M55模擬器下載地址： http://www.cnjm.net/newpage/res.php?id=000105 最新版西門子SMTK - S57模擬器下載地址： http://www.cnjm.net/newpage/res.php?id=000104 最新版西門子SMTK - MC60模擬器下載地址： http://www.cnjm.net/newpage/res.php?id=000127 最新版西門子SMTK - SL55模擬器下載地址： http://www.cnjm.net/newpage/res.php?id=000106

I. HTML怎麼為不同設備編寫不同的網頁

就是需要響應式來對不同設備進行展示，網路也肯定有對寬度進行適配的代碼

J. 我想製作一個跟百度頁面一樣的模擬網頁請問該怎麼做（內詳）

直接把網路的頁面下載保存,再進行你想要的修改.