前端相关资源与工具

调试工具

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，甚至是反向代理的操做。