前端相關資源與工具

調試工具

iOS5 Web調試工具iWebinspector

各類前端工具

• html5與css3技術應用評估

• 各類奇妙的hack

• 幾乎全部設備的屏幕尺寸與像素密度表

• ios端移動設備參數速查

• 瀏覽器兼容表

• 移動設備查詢器

• 移動設備適配庫

• viewport與設備尺寸在線檢測器

• html5移動端兼容性速查

• 在線轉換字體

• css3選擇器測試

• 兼容性速查表（這個很是好）

• 瀏覽器的一些獨特參數

• 各類各樣的媒體查詢收集（移動端少不了的）

• css3動畫在線製做器

• css3漸變在線製做器

• 賽貝爾曲線在線製做器

• flexbox在線製做器

• CSS3各類渲染效果在線工具（IE出品）

• resize添加到收藏夾後，可直接在瀏覽器中出現各類分辨率的選擇工具來查看不一樣分辨率下的頁面效果

• 移動端手勢表

攜程UED團隊的樣式分析

webkit獨有的樣式分析

HTML5相關的測試站點

一、當前瀏覽器HTML5支持狀況在線測試：http://www.html5test.com/
二、當前瀏覽器對HTML五、CSS3的支持狀況：http://www.findmebyip.com/
三、各個瀏覽器對HTML五、CSS3支持狀況大全：http://www.caniuse.com/

html5手冊

http://www.php100.com/manual/html5/

調試工具Fiddler（手機抓包與配host）

首先，保證PC和移動設備在同一個局域網下；

PC上開啓fiddler，並在設置中勾選「allow remote computers to connect」

1. 首先，保證PC和移動設備在同一個局域網下；

2. PC上開啓fiddler，並在設置中勾選「allow remote computers to connect」

4. 手機上設置代理，代理IP爲PC的IP地址，端口爲8888（這是fiddler的默認端口）。一般手機上能夠直接設置代理，若是沒有，能夠去下載一個叫ProxyDroid的APP來實現代理的設置。此時你會發現，用手機上網，走的實際上是PC上的fiddler，全部的請求包都會在fiddler中列出來，配合willow使用，便可實現配host，甚至是反向代理的操做。