做移動開發大多數的時候跟手機界面打交道,也就是說你只能在電腦上開發寫代碼,最終效果是確是在另外一個終端看到的。雖然各種瀏覽器為開發者提供了很多模擬手機設備的功能,這些功能總體來說基本可以滿足我們對於調試移動設備的需求,但是模擬畢竟是模擬,它不能真正做到實現真機一樣的效果。經常遇到 ...
在web開發開發過程中調試時必不可少的,這篇文章就講一下移動端web的調試。 常用的有兩種方式: .直接在瀏覽器自帶的移動端模擬環境上調試。 .使用Fildder抓包工具進行手機真機調試。 瀏覽器調試 谷歌的開發者工具為移動端調試做了專門的准備:打開開發者工具,點擊第二個手機狀圖片 即可進入手機模式瀏覽所有網頁: 在這里可以選擇所需要的手機類型 然后就可以進行相應的調試了,但這個畢竟是模擬環境,跟 ...
2016-05-22 16:35 2 11056 推薦指數:
做移動開發大多數的時候跟手機界面打交道,也就是說你只能在電腦上開發寫代碼,最終效果是確是在另外一個終端看到的。雖然各種瀏覽器為開發者提供了很多模擬手機設備的功能,這些功能總體來說基本可以滿足我們對於調試移動設備的需求,但是模擬畢竟是模擬,它不能真正做到實現真機一樣的效果。經常遇到 ...
簡介 web調試有幾個非常頻繁的剛需:看log、看error、看AJAX發包與回包。其他的如timeline和cookie以及localstorage就不是那么頻繁,但是AlloyLever都支持。如你所見: 特征 點擊alloylever按鈕之間切換顯示或隱藏工具面板 ...
平時在web應用開發過程中,我們可以console.log去輸出一些信息,但是在移動端,也就是在手機上,console.log的信息我們是看不到的。 這種情況下,可以選擇使用alert彈出一些信息,但是這種方法不怎么方便,也會阻斷JS線程,導致后面的線程都不執行。也影響調試體驗 ...
隨着移動互聯網的迅速崛起,開發移動應用程序越來越多,但如果在移動端開發應用程序需要調試時,額… 仿佛又回到了IE時代,最方便也只能到處 alert 來調試。目前已經有一款產品可以做到這一點,比如phonegap,但是phonegap的調試問題非常麻煩,不能真正做到有效提高效率。下面將介紹debug ...
移動端調試神器vconsole,手機端網頁的調試工具Eruda 移動端中使用 vConsole調試 移動端調試工具vconsole安裝Git地址:https://github.com/WechatFE/vConsolevConsole是一款由微信公眾平台前端團隊打造的前端調試面板,專治手機端 ...
一 安卓 一 chrome(試了需要翻牆,未成功) 1.安卓手機安裝chrome瀏覽器,手機打開開發者模式,用usb線鏈接電腦,並且允許調試。 2.電腦chrome地址欄輸入 chrome://inspect 進入后點擊 inspect 即進入調試模式(注意:第一次調試必須翻牆 ...
---恢復內容開始--- 前言 在前端開發中,調試是不可缺少的環節,PC端很簡單,但是隨着移動端火起來,在手機上面測試就顯得尤為重要。 在工作中本人也經過了一些測試,總結了如下幾種方法。 1.Weinre 調試 2.UC開發者瀏覽器: 3.chrome真機調試 4.Safari ...
在移動頁面的開發中,我們很難像PC端那樣很方便的調試,網上也有各種各樣的調試方式。但在工作中,我主要還是用chorme自帶的模擬器來模擬各種移動設備,但是用久了之后發現畢竟是模擬的,與真機調試還是會有不同的結果。 為了方便開發,UC推出Android平台UC瀏覽器開發者版,主要 ...