原文:巧用Chrome調試手機網頁界面

Chrome是基於Webkit的先進瀏覽器,其開發調試功能非常強大。如果你在開發手機網頁,推薦你使用他的手機網頁調試功能。具體怎么用,請看下圖: 第一步,打開Chrome后,按F 或者 點右鍵 選 審查元素,調出Chrome的開發者工具,你可能會看到以下界面: 現在是普通網頁的調試界面。 然后點擊 調試工具上面的 手機 圖標: 就會彈出以下界面: 刷新一下,頁面就會以手機頁面方式顯示。 .這樣調 ...

2016-01-03 21:00 0 9963 推薦指數:

查看詳情

利用chorme調試手機網頁

太方便了,很實用的技巧(特意記錄一下) 1.pc端安裝最新的chrome2.手機端安裝最新的chrome ( Android )3.USB連接線4.打開電腦的chrome 在地址欄輸入 chrome://inspect 選中 Discover USB devices 可以檢測到你的設備 ...

Sun Jul 12 19:25:00 CST 2015 7 1400
chrome 調試手機微信公眾號網頁

目前只在安卓上做了測試,IOS不支持 1.開啟手機的USB調試功能 點設置-》開發者選項-》USB調試 如果看不到開發者選項,在關於手機中點擊內部版本號7次,即出現開發者已啟用的提示。 將手機通過USB連接到電腦 2.開啟微信手機調試功能 在微信中 ...

Tue Jan 05 19:01:00 CST 2021 0 535
Chrome DevTools遠程調試手機頁面

一、准備 pc端安裝最新的chrome 手機端安裝最新的chrome ( Android ) USB連接線 二、具體步驟 假設你已經在電腦上下載了最新的chrome 也在手機上下載了最新的chrome USB設置 在你的手機里打開"設置"-> ...

Wed Jan 30 22:42:00 CST 2019 0 1820
Eruda——手機網頁前端調試面板

前言 進行移動端網頁開發時,想要查看手機瀏覽器信息從來都不是一件容易的事。特別是當目標環境為APP內置WebView,需要調用特定的JsBridge接口時,你根本都干不了什么,只能一遍又一遍地修改代碼,重新打開頁面並alert一下。你可能會說,可以使用Chrome,Firefox連接手機調試 ...

Fri Dec 02 23:45:00 CST 2016 0 4709
電腦上調試手機網站的幾種方法

手機網站開發,最讓人頭疼的是網站的兼容問題,不同的手機可能會出現一些莫名的問題。手機網站常見問題及解決方案,我會在后面的文章陸續發表,大家可以看一下。 本文主要講解電腦上如何調試手機網站: 一、安卓手機調試: 1、最常見的安卓手機調試方法是用chrome瀏覽器調節,既方便有簡單 ...

Thu Jul 14 19:29:00 CST 2016 0 2341
如何在電腦上測試手機網站(全)

最近公司要開發網站的移動版,讓我准備准備知識,話說本人開發移動網站的經驗還真不多,最悲劇的事情就是我的手機是個經典的諾基亞,而且公司還不給配手機,這是有多討厭,沒辦法,沒有手機只能用電腦模擬了,相辦法代替,查了很多資料,嘗試了大部分方法,下面將這一天的努力總結下分享給大家,也讓大家免去看那么多文章 ...

Fri Feb 21 19:48:00 CST 2014 54 17906
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM