HTML5简介及移动端Web开发调试工具

HTML5 开发调试工具流火@Taobao UED http://f2e.im/guokai

http://html5demos.com/ http://slides.html5rocks.com/#landing-slide http://oreilly.com/training/html5mobile/ http://diveintohtml5.info/

http://static.lukew.com/TouchGestureGuide.pdf

- 开发者工具 - 调试工具 - 性能测试工具 - 打包工具

开发者工具之 Chrome

开发者工具之 Chrome - Emulating Touch Events

开发者工具之 Chrome - Emulating Device Viewports

开发者工具之 Chrome - Device Geolocation Overrides http://html5demos.com/geo

开发者工具之 Chrome - Device Orientation Overrides http://www.html5rocks.com/en/tutorials/device/orientation/deviceorientationsample.html

开发者工具之 Chrome - CSS Media Type Emulation https://developers.google.com/chrome-developer-tools/docs/mobile-emulation

开发者工具之 Chrome - Remote Debug https://developers.google.com/chrome-developer-tools/docs/remote-debugging

开发者工具之 ADB

开发者工具之 Safari

开发者工具之 Safari - Remote Debug

开发者工具之 iOS Simulator

开发者工具之 AVD

开发者工具之代理服务器 ProxyRequests On ProxyVia On <Proxy *> Order deny,allow
Deny from all Allow from all </Proxy> http://httpd.apache.org/docs/2.2/mod/mod_proxy.html

开发者工具之代理服务器

调试工具之 jsconsole

调试工具之 Weinre

调试工具之 Weinre npm -g install weinre weinre --boundHost 127.0.0.1 --httpPort
9090 <script src="http://127.0.0.1:9090/target/target-script-min.js#anonymous"></script>

调试工具之 Weinre

调试工具之 iWebInspector

调试工具之 Fiddler

调试工具之 Charles

性能工具之 MobiTest

性能工具之 MobiTest http://mobitest.akamai.com

性能工具之 MobiReady http://ready.mobi

开发者工具之 Edge Animate

效率工具之 HTML5移动端兼容性 http://mobilehtml5.org/

效率工具之兼容性速查 http://caniuse.com/

效率工具之 HTML5浏览器支持检测 http://html5test.com/

效率工具之二维码 http://www.the-qrcode-generator.com/

跨平台工具之 PhoneGap

跨平台工具之 AppCan

移动端开发之坑 https://github.com/jtyjty99999/mobileTech

书籍推荐

HTML5简介及移动端Web开发调试工具

HTML5简介及移动端Web开发调试工具

More Decks by 破锣锅

Other Decks in Technology

Featured

Transcript