⑴ 如何查看手機Web頁面中的調試信息
用谷歌瀏覽器
把你想查看的頁面地址發到電腦上
打開谷歌瀏覽器
按「F12」進入開發人員工具
在選項卡最左側有一個手機的標標志，點擊它
此時你的瀏覽器會模擬手機或者平板，在左側上方有一個「Device」
選擇你下拉菜單中的「Apple
Ipad」，他就可以打開手機Web頁面了
將你的頁面地址在這個狀態下的谷歌瀏覽器中打開
右側就是你要看的源代碼和調試信息了
註：谷歌瀏覽器對開發者來說非常強大，你若是網站開發得學著去用谷歌瀏覽器
⑵ 如何利用Chrome devTools調試android手機上的web網站
1、打開 Chrome 瀏覽器 ,地址欄輸入：chrome://inspect/#devices
4、你可以在該界面操作手機web界面等等，至於其他功能，請自行探究，謝謝~
⑶ 如何實用便捷的在本地真機調試WEB端HTML5網頁
1、如果你能FQ
chrome在32版本後就自帶了移動端調度工具，可以在Android直接聯調，但唯一遺憾的是，在我大天朝要FQ後才能行的通，我自己試了後公司好幾個機器聯不上…
2、如果你有蘋果電腦和iphone
蘋果電腦上的safari 6.0版本後就可以直接連接iphone手機調試手機版上safari正在瀏覽的web頁面，前提是你得有個蘋果電腦和iphone手機，但如果你是Android的話，就沒辦法了
符合前端B格的「小蘋果」
自己在公司里也是開發Mobile端的HTML5頁面的，也深受調試頁面之苦，移動端的WEB頁面坑又多，所以用node-webkit技術做了一個客戶端，專門用來調試，現在每天工作之前都先打開「小蘋果」
小蘋果用的是node-webkit技術打包成客戶端，其實內部實現都是web 頁面與nodejs技術，所以特別符合前端B格。而且由於用了node-webkit技術，客戶端可以跑在windows和mac電腦上，齊活兒了
小蘋果官方網站
里邊有下載及安裝和使用的方法
⑷ 微信web開發者工具移動調試怎麼弄
使用工具：
電腦；
web開發工具；
例子：以安卓的移動調試為範本；
調試步驟：
選擇無線網卡地址，默認即可，工具會自動查詢無線網卡ip v4地址。
注意：想調試本地開發的頁面，需要開啟web服務，只是一個本地頁面，是無法打開調試的。
⑸ android chrome 怎麼啟用 web調試
1、打開
chrome
瀏覽器
,地址欄輸入：chrome://inspect/#devices
2、將android
設備usb連接或wifi連接到電腦（這里只操作usb，window
os）,打開設備上的chrome客戶端app，然後打開一個web界面（這里以網路首頁為例）,手機如果連接成功，且打開了chrome
客戶端app
,你將會看到如下界面：
3、上圖中的"網路一下"就是客戶端打開的web頁面，然後點擊其下的「inspect」，將會出現以下界面：
4、你可以在該界面操作手機web界面等等，至於其他功能，請自行探究，謝謝~
⑹ 微信web開發者工具怎麼調試本地代碼
使用工具：
電腦；
web開發工具；
例子：以安卓的移動調試為範本；
調試步驟：
選擇無線網卡地址，默認即可，工具會自動查詢無線網卡ip v4地址。
注意：想調試本地開發的頁面，需要開啟web服務，只是一個本地頁面，是無法打開調試的。
⑺ 如何 iphone 真機調試web
參考下：1、授權設備：
進入Apple Developer會員中心，點擊圖中的iOS Provisioning
Portal，進入開發者授權設置系統：
在設置界面中，可以選擇點擊頁面下方的助手來運行向導：
點擊左側導航的Device，進入授權設備的頁面，點擊右上方的Add Device按鈕可以添加一個設備：
添加設備的時候可以指定設備的名字（隨便寫），以及設備的UDID。每一個Apple的設備都有一個唯一的標識符，獲得這個標識符的方法很簡單，有兩種方式：
（1）將你的設備連接到電腦，然後在iTunes里找到你的設備信息（如下圖），點擊圖中紅色方框的位置，設備UDID就會顯示出來。右擊UDID會提示拷貝，將拷貝的結果復制到框內即可；
（2）打開xcode，window→organizer→devices，在裡面可以看到identifier信息2、添加App ID：
點擊左側導航的App IDs按鈕可以進入應用程序ID的配置頁面，可以點擊頁面右方的New App
ID按鈕添加一個新的應用。這個ID對應的是即將開發和測試的應用程序。如下圖，在description里添加一個單一應用的名稱（不支持特殊字元），然後在最下面的Bundle
Seed ID裡面填入一個含有domain格式的字元串（如com.bo.test）。Bundle Seed
ID是一個集合了開發商與應用程序的信息，格式為(com.[開發商].[應用]），這里可以指定為單一應用，也可以指定為全部應用。如果是單一應用，建議剛才填寫的description與Bundle
Seed ID的最後一項相同（如test和com.bo.test），如果是全部應用，可以使用這樣的Bundle Seed ID：
com.bo.3、添加證書：
（1）首先在mac電腦上生成開發者證書：
在Applications->Utilities裏手動打開Keychain
Access。按照下圖操作最終點擊「從證書頒發機構請求證書」
正確填寫自己的郵箱和姓名即可，選擇「存儲到磁碟」，點擊繼續。最終會生成一個名為「CertificateSigningRequest.certSigningRequest」的文件。
這時候返回剛才的iOS Provisioning Portal網頁界面，點擊左側的「Certificate」，點擊頁面右方的Request
Certificate申請一個證書，然後點擊頁面下方的按鈕上傳生成的certSigningRequest文件，這樣就完成了證書的申請流程。申請成功後，Certificate頁面里就有了一條證書，刷新幾次頁面後證書的狀態就變成Issued，點擊download按鈕可以下載一個cer文件。4、使用開發者授權：
（1）回到iOS Provisioning Portal網頁界面，點擊左側的「provisioning」，點擊右側的New
Profile按鈕創建一個新的授權文件：
填寫profile
Name；在Certificates中選擇剛剛創建好的證書（一勞永逸的一步，之後只需勾選該證書即可，不必再手動添加）；APP
ID選擇剛剛建的那個；Devices
選擇剛剛添加的設備；Submit（綁定設備到應用程序）；刷新頁面，會看到剛剛建的那個後邊有個Download，點擊Download，下載了一個.mobileprovision文件。
（2）打開xcode→window→organizer，將下載的.mobileprovision文件拖到Provisioning中（此步驟綁定設備到應用程序，並生成證書）
（3）項目中的plist 文件，將Bundle Identifier 這一項的內容改成Bundle Seed
ID(格式:com.[開發商].[應用])即可
將run按鈕右邊的設備選為對應的真機設備，接下來就編譯運行看看吧！希望幫助你
⑻ 怎樣用手機調試微信web開發
微信web開發者工具主要功能：
使用自己的微信號來調試微信網頁授權；
調試、檢驗頁面的 JS-SDK 相關功能與許可權，模擬大部分 SDK 的輸入和輸出；
使用基於 weinre 的移動調試功能；
利用集成的 Chrome DevTools 協助開發。
工具頂部菜單欄是刷新、後退、選中地址欄等動作的統一入口，以及微信客戶端版本的模擬設置頁。左側是微信的 webview 模擬器，可以直接操作網
頁，模擬用戶真實行為。右側上方是地址欄，用於輸入待調試的頁面鏈接，以及
⑼ 怎麼在移動端調試web前端
移動端調試我知道的方法有2種
一種是谷歌瀏覽器自帶的，安卓手機插上就行，然後就可以進行手機調試，前提是必須得開代理；
另外一種是打開安卓手機瀏覽器，輸入你電腦本地ip地址，然後緊接ip地址後面輸入你項目路徑，也可以進行調試；
工作中我一般用第一種
如果蘋果手機調試的話，那更簡單，用xcode
⑽ 怎麼使用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節點的時候手機上的相應布局也會高亮起