1. 怎麼在移動端調試web前端
響應式測試：Chrome DevTools 面板右側拉伸快速查看效果；Firefox 響應式工具進一步調整；Chrome Emulation 精細測試。
Android 設備測試：使用 Android 虛擬機；優先使用 Weinre 測試，分析用戶瀏覽器使用份額，有針對的進行測試。高版本 Android 測試機，使用 Chrome 連接調試。Android 4.4+ 的 WebView 修改 APP 源代碼，也可以用 Chrome 調試。
低版本系統和其他品牌手機以及 WebView：統統可以用 Weinre 來解決。
iOS 設備測試：使用 Xcode 自帶 iOS 模擬器，使用 Safari 調試；WebView 也可以被電腦上 Safari 調試；測試機連接電腦，也可以用 Safari 調試；MIHTool 可以在 iOS 設備上使用，提供類似 Weinre 的調試功能。
測試多種設備：BrowserStack 和 Keynote。
使用 BrowserSync 可以創建本地區域網 IP 伺服器，並同步操作、監聽刷新，極大減少測試操作，提高測試效率。
當移動端設備無法訪問某項資源時，使用 Charles 做代理，通過電腦去訪問。
2. 怎樣用手機調試微信web開發
微信web開發者工具主要功能：
使用自己的微信號來調試微信網頁授權；
調試、檢驗頁面的 JS-SDK 相關功能與許可權，模擬大部分 SDK 的輸入和輸出；
使用基於 weinre 的移動調試功能；
利用集成的 Chrome DevTools 協助開發。
工具頂部菜單欄是刷新、後退、選中地址欄等動作的統一入口，以及微信客戶端版本的模擬設置頁。左側是微信的 webview 模擬器，可以直接操作網
頁，模擬用戶真實行為。右側上方是地址欄，用於輸入待調試的頁面鏈接，以及
3. 手機網站如何測試頁面
就一般的網頁伺服器，IIS就可以吧
關鍵是手機訪問，如果有WIFI就可以訪問區域網，要不就得有個互聯網的伺服器和域名
4. 怎麼使用Safari 調試 Web頁面
具體操作如下：
1、打開手機web檢查器。
通過【設置】>【Safari】>【高級】>【Web檢查器】打開。見下圖（點擊查看大圖）
2.鏈接電腦（Mac）
2.1 先在手機Safari中打開想調試的網頁，並用數據線連接到電腦（這里是Mac）
2.2 再在電腦上打開Safari點擊【Develop】菜單，就會看到如下圖所示（點擊查看大圖）：
2.3 點擊2.2中的網站名就會在電腦上打開Safari的控制台，如下圖（點擊查看大圖）：
3.調試網頁
如上2.3圖所示，此時可以查看手機網頁的DOM結構，並且和電腦端網頁調試無異，當滑鼠滑過這些DOM節點的時候手機上的相應布局也會高亮起
5. 怎樣用手機瀏覽WEB網頁
首先必須智能手機，然後下載第三方瀏覽器，例如海豚瀏覽器、uc瀏覽器、搜狗瀏覽器等等
我以海豚瀏覽器（iphone版）為例，如果你是安卓版操作不同，歡迎追問
步驟：
1、打開瀏覽器，點擊下方三條橫線的圖標
2、點擊後打開菜單，點擊設置
3、打開設置菜單後，往下拉，打開「桌面模式」
桌面模式意思就是瀏覽器認為手機是桌面電腦，打開網站時會自動選擇適合電腦的版本來顯示，避免顯示手機版網頁
6. vivo手機怎麼用web瀏覽器
在vivo瀏覽器中設置。
操作方法：1、首先，在我們的vivo手機頁面，找到「瀏覽器」，點擊進入它。
2、進入到vivo瀏覽器頁面後，我們在其底部位置，點擊「更多」圖標。
3、在彈出的選項中，我們找到「設置」選項，點擊它。
4、進入到設置頁面後，我們點擊「瀏覽器UA標識」選項，此時瀏覽器為「手機版」。
5、在彈出的窗口中，我們勾選「電腦版」。
6、返回設置頁面頁面，此時我們發現vivo手機瀏覽器已經設置為「電腦版」了。
網頁瀏覽器（WebBrowser），常被簡稱為瀏覽器，是一種用於檢索並展示萬維網信息資源的應用程序。這些信息資源可為網頁、圖片、影音或其他內容，它們由統一資源標志符標志，信息資源中的超鏈接可使用戶方便地瀏覽相關信息。
7. 如何查看手機Web頁面中的調試信息
用谷歌瀏覽器
把你想查看的頁面地址發到電腦上
打開谷歌瀏覽器
按「F12」進入開發人員工具
在選項卡最左側有一個手機的標標志，點擊它
此時你的瀏覽器會模擬手機或者平板，在左側上方有一個「Device」
選擇你下拉菜單中的「Apple Ipad」，他就可以打開手機Web頁面了
將你的頁面地址在這個狀態下的谷歌瀏覽器中打開
右側就是你要看的源代碼和調試信息了
註：谷歌瀏覽器對開發者來說非常強大，你若是網站開發得學著去用谷歌瀏覽器
8. 在電腦上寫移動端的網頁如何在手機上測試
一、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按鈕能恢復到默認狀態。
二、Firefox*瀏覽器
1.修改user-agent
和chrome一樣安裝插件修改user-agent的方法，搜索wmlbrowser、XHTML Mobile Profile以及User Agent Switcher三個插件
2.火狐響應式設計+修改user-agent*
最近的火狐自己添加響應式設計功能和3D試圖都很棒，打開火狐自己的控制台（非firebug），找到右上角的響應式設計按鈕。
打開後即切換到響應式設計界面。
3.Firefox OS 模擬器
安裝的方法可網路搜索。可用裡面的瀏覽器打開網站即可，但這種方法打開的是電腦網站，而不是手機網站，也就是user-agent不是手機的，故對響應式界面起作用，對判斷user-agent的網站不起作用，訪問qq，等返回的都是電腦界面。
三、Opera*瀏覽1.修改user-agent
和chrome和firefox類似，可自行安裝插件，自opera12之後，opera改用webkit內核，故可安裝chrome的插件，也可自行在opera的商店中搜索插件，下載適合自己的版本。
四、模擬器*
1.官方模擬器*
做安卓開發的肯定都知道安卓模擬器，這是谷歌官方的提供的開發環境，能模擬安卓環境，還可切換各個版本，可下載配置好的環境，然後打開eclipes，直接打開AVDM，穿件一個AVD，然後start。
要等一大會時間，會打開模擬器，和安卓環境一樣，打開裡面的瀏覽器測試即可。
2.bluestacks
這也是一款模擬器，可自行搜索
五、在線測試
在線只能測試界面的視覺效果，不能調試，但也是很不錯的。
1.Mobile Emulator*
非常不錯，速度也很快，界面很簡潔，支持多種平台。
2.opera mini simulator
需要java環境支持，單一平台，opera出品，速度很快。
3.webpage mobile。
9. 如何在移動設備上調試html5開發的網頁
下面就介紹一下在iOS和Android兩個平台上如何在真機上對頁面進行調試。這里要說明的是，iOS平台只能用自帶的Safari瀏覽器來調試，而Android平台也只能用google Chrome瀏覽器來調試。當然，我目前只發現這么兩種手段，如果你還有其他方法可調試更多的瀏覽器，希望你能留言告訴我。
一、iOS + Safari
1、打開手機web檢查器。
通過【設置】>【Safari】>【高級】>【Web檢查器】打開。
2.1 先在手機Safari中打開你想調試的網頁，並用數據線連接到電腦（我這里是Mac）
2.2 再在電腦上打開Safari點擊【Develop】菜單
3.3 點擊2.2中的網站名就會在電腦上打開Safari的控制台
3.調試網頁
如上3.3圖所示，此時你可以查看手機網頁的DOM結構，並且和電腦端網頁調試無異，當滑鼠滑過這些DOM節點的時候手機上的相應布局也會高亮起來
二、Android + Chrome
1.設置手機
1.1【設置】>【關於手機】>【版本號（Build number）】，對版本號這一項連點7下就會提示「你已成為開發者」。
1.2 再返回【設置】>【開發者選項】>【USB調試】打開手機USB調試。
2.設置電腦（Mac）
這塊比較麻煩，因為要裝一下Android的SDK。
2.1 下載Android SDK，並解壓，我把整個adt目錄放在了 /Users/David/adt/ 這里。
2.2 設置環境變數 。打開終端在David路徑下（形如 DaviddeMacBook-Pro:~ David$）輸入 open .bash_profile，如果文件存在則會打開，如果不存在則再輸入touch .bash_profile 創建並打開這個文件。在文件里輸入export PATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools ，關閉保存。最後在終端里輸入 source .bash_profile 來更新環境變數使其生效。終端里輸入 adb 出現命令幫助信息就是成功了。
2.3 在終端里輸入 adb forward tcp:9222 localabstract:chrome_devtools_remote 。
3.鏈接電腦
3.1 在手機上的Chrome里打開想要調試的網頁，用數據線連接手機和電腦（我的是Mac。唉～我只是強調平台的不同，不要誤會）。
3.2 打開電腦上的Chrome，在地址欄里輸入 about:inspect 選中 【Discover USB Devices】前面的復選框
4.調試網頁
4.1 你可以點擊圖3.2中檢測到的設備上正在運行的網站下面那個【inspect】，或者在瀏覽器中輸入 localhost:9222 打開手機正在瀏覽的網頁列表
4.2 點擊上圖中的網站縮略圖，就會跳轉到Google的一個代理鏈接（鏈接可能被牆……，掛代理）就會打開如下圖所示的控制台
4.3 這就和電腦上網頁調試沒什麼差別了，滑鼠經過DOM節點，手機上的布局同樣也會高亮起來
10. 如何測試一個WEB頁面
試可以自動進行，現在已經有許多工具可以採用。鏈接測試必須在集成測試階段完成，也就是說，在整個Web應用系統的所有頁面開發完成之後進行鏈接測試。
2、表單測試
當用戶給Web應用系統管理員提交信息時，就需要使用表單操作，例如用戶注冊、登陸、信息提交等。在這種情況下，我們必須測試提交操作的完整性，以校驗提交給伺服器的信息的正確性。例如：用戶填寫的出生日期與職業是否恰當，填寫的所屬省