前端相关资源与工具

阅读目录

• 调试工具
• 各种前端工具
• 携程UED团队的样式分析
• HTML5相关的测试站点
• html5手册
• 调试工具Fiddler（手机抓包与配host）

回到顶部

调试工具

iOS5 Web调试工具iWebinspector

回到顶部

各种前端工具

• html5与css3技术应用评估

• 各种奇妙的hack

• 几乎所有设备的屏幕尺寸与像素密度表

• ios端移动设备参数速查

• 浏览器兼容表

• 移动设备查询器

• 移动设备适配库

• viewport与设备尺寸在线检测器

• html5移动端兼容性速查

• 在线转换字体

• css3选择器测试

• 兼容性速查表（这个非常好）

• 浏览器的一些独特参数

• 各种各样的媒体查询收集（移动端少不了的）

• css3动画在线制作器

• css3渐变在线制作器

• 赛贝尔曲线在线制作器

• flexbox在线制作器

• CSS3各种渲染效果在线工具（IE出品）

• resize添加到收藏夹后，可直接在浏览器中出现各种分辨率的选择工具来查看不同分辨率下的页面效果

• 移动端手势表

回到顶部

携程UED团队的样式分析

webkit独有的样式分析

回到顶部

HTML5相关的测试站点

1、当前浏览器HTML5支持情况在线测试：http://www.html5test.com/
2、当前浏览器对HTML5、CSS3的支持情况：http://www.findmebyip.com/
3、各个浏览器对HTML5、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”

3. 
4. 手机上设置代理，代理IP为PC的IP地址，端口为8888（这是fiddler的默认端口）。通常手机上可以直接设置代理，如果没有，可以去下载一个叫ProxyDroid的APP来实现代理的设置。此时你会发现，用手机上网，走的其实是PC上的fiddler，所有的请求包都会在fiddler中列出来，配合willow使用，即可实现配host，甚至是反向代理的操作。
5.