文章來源： http://www.restran.net/2015/05/14/mobile-web-front-end-collections/ 最近整理的移動端 Web 開發前端知識，不定期更新。 HTML5 可以做什么 拍照 獲取地理位置 手勢 canvas ...

　　這篇文章就當進入移動web開發的宣誓稿吧，作為移動領域的門外漢，在這段時間的接觸后，發現前端開發這潭水愈發的深了！不多言，進入主題。 　　我將從下面幾個方面探討移動web前端開發：分辨率、屏幕、手機瀏覽器、設計理念、響應式web開發。 分辨率 手機分辨率比PC分辨率要龐雜得多，各種分辨率 ...

---恢復內容開始--- 前言 在前端開發中，調試是不可缺少的環節，PC端很簡單，但是隨着移動端火起來，在手機上面測試就顯得尤為重要。 在工作中本人也經過了一些測試，總結了如下幾種方法。 1.Weinre 調試 2.UC開發者瀏覽器: 3.chrome真機調試 4.Safari ...

轉自：http://yujiangshui.com/multidevice-frontend-debug/ 通過移動端使用 Web 服務的比率越來越大，例如淘寶今年雙十一，移動端交易份額就達到 42.6%。由此可見，掌握移動端的前端開發和測試是非常有必要的。 由於之前做過大量有響應式需求的項目 ...

http://www.itcast.cn/news/20180125/16033584753.shtml 1，普通PC端開發與移動端開發區別。 先說背景，我大言不慚的說一下，我pc端的前端開發干了有快4年多，不算大牛，也算一個標准的前端開發工程師吧，可憐的是我2015年之前做過的移動 ...

一、目前移動端布局方法 兩個基本規則：移動優先，設計初期就要考慮設計的頁面如何多終端顯示。漸進增強，充分發揮硬件設備的最大功能。 三個常用方法： 1）css3-media Query（最簡單，最基本） 優點：解決了跨設備問題 缺點：兼容性代碼多工作量大，加載 ...

Web比App簡單？ 前兩天有人問手機上做網頁簡單還是做app簡單，我真答不上來。很多人會不以為意的說當然是網頁簡單，但真的是這樣嗎？ 放眼現在上線的手機網頁，大多數都是平時pc的技術沿用過來的，鮮有新時代的影子。看來看去也就淘寶、豆瓣、知乎這種大公司對移動網頁有一定的思考 ...

本篇主要是記錄一下移動端視口的分類說明和其它的一些知識。在開始之前，先看一個典型的例子： 上述代碼相信大家在做移動端開發時經常去書寫。它研究了兩個內容：meta視口和寬度媒體查詢。通常我們都會稱上述代碼為CSS3的媒體查詢功能。使用媒體查詢功能能夠解決針對桌面級的web設計在移動端 ...