一、安裝 首先確保你的電腦上有node環境,然后使用cnpm或npm 安裝 windows下 npm install weinre -g --registry=https://registry.npm.taobao.org mac下 sudo npm install ...
移動端頁面調試一般分兩步。第一步我們需要把本地 pc端 寫的頁面效果展現在移動端,一個很方便的辦法是用 fiddler 作為代理,具體可以參考 如何用 fiddler 代理調試本地手機頁面,這樣我們就能在自己的手機上看到真機效果,有時還可以用 alert 調試一些 js 當然,有時僅僅展現樣式還不夠,我們希望能像 chrome 面板或者 firebug 一樣查看元素的 css 樣式,甚至可以在控制 ...
2015-11-27 23:05 0 3423 推薦指數:
一、安裝 首先確保你的電腦上有node環境,然后使用cnpm或npm 安裝 windows下 npm install weinre -g --registry=https://registry.npm.taobao.org mac下 sudo npm install ...
在日常項目中的開發中,接觸移動端開發的小伙伴們免不了要和移動端調試打交道,本文特在此總結下常用的移動端調試,歡迎小伙伴補充。 谷歌瀏覽器 谷歌瀏覽器是我們前端開發中必不可少的利器,跳樣式,打斷點,看網絡請求,看性能等,基本上你能想到的,谷歌都能滿足你,在移動端調試方面也是一樣,我們可以利 ...
平時寫代碼,最喜歡用chrome的developer Tool調試頁面了,基本是離不了的工具。但是當頁面需要在移動設備上使用,尤其是被嵌入到Hybird APP中時,由於移動版的chrome沒有developer Tool,只能傻傻的用alert來輸出一些調試信息,修改了CSS樣式也必須不斷 ...
一:遠程調式工具---weinre 閱讀目錄 一:遠程調式工具---weinre 二: 安裝weinre 三: 訪問weinre及在頁面上調用 四:多用戶 回到頂部 一:遠程調式工具---weinre Weinre是什么? Weinre ...
前言 前端代碼的編寫永遠逃不過“兼容”二詞,從前PC時代,因為IE的傲嬌,導致程序猿們一直在兼容IE的道路上掙扎,如今移動設備的普及,仿佛讓我們看到了希望,仿佛馬上就要擺脫IE了,可是!一波還未平息,一波又來侵襲~移動端確實不用考慮IE了,各種CSS新特性也用的爽到飛起,但一座大山壓了過來 ...
這個是通用的 css reset.這個版本適用於 移動端頁面 如果需要在 PC端使用,可以 修改 html{font-size: 10px;}為html{font-size: 12px;} 其他地方不需要修改 ...
在 PC 端,我們可以使用 Firebug 或者 Chrome 開發人員工具方便的調試網站或者 Web 應用。但是,當我們想在移動端調試站點或者應用的時候,這些工具就派不上用場了。因此,移動開發人員都希望能有 Mobile 版本的 Firebug 或者 Chrome 開發人員 ...
前提知識: 1、能夠獨立根據設計稿進行整套項目的需求、剖析及其開發; 2、對項目開發流程需要有一個基本的了解; 3、可以靈活運用切圖、重構、前端的知識對項目進行靈活控制。 開發步驟之需求 ...