Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for 破锣锅 破锣锅
August 29, 2013
Technology
700
7

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

Avatar for 破锣锅

破锣锅

August 29, 2013

More Decks by 破锣锅

See All by 破锣锅
NodeJS 应用以及线上服务的运维和监控
Avatar for 破锣锅 paulguo
2
440
AruchSummit2014 - 去哪儿SPA分享
Avatar for 破锣锅 paulguo
0
300
AruchSummit2014 - 手机QQ的移动化实践之路
Avatar for 破锣锅 paulguo
0
360
AruchSummit2014 -
Avatar for 破锣锅 paulguo
0
260
AruchSummit2014 - The Impact Of A Compact Web
Avatar for 破锣锅 paulguo
0
210
Gulp vs Grunt
Avatar for 破锣锅 paulguo
0
6.3k
Mobile Web 开发实战
Avatar for 破锣锅 paulguo
3
290
H5 Mobile 开发调试实践
Avatar for 破锣锅 paulguo
7
1.1k
HTML5 Intro For QA
Avatar for 破锣锅 paulguo
1
240

Other Decks in Technology

See All in Technology
会計事務所と顧問先の契約関係をOIDC・OAuthで表現する
Avatar for てらら terara
0
520
現場の暗黙知を継承するAIエージェント — 対話から生まれる長期記憶と Skills
Avatar for Atsuki Shirasawa atsukish
0
160
dbt と Snowflake と tag
Avatar for Kosaku Ono kevinrobot34
2
300
アクセスキーが漏れた日にやるべきこと- 無効化の先にある本当の対応
Avatar for kazzpapa3 kazzpapa3
0
360
最新技術に積極チャレンジ！EKS共通基盤のこれまでとこれから
Avatar for 高棹大樹 daitak
0
260
NANDでも描画したい！
Avatar for nichica nichica906
3
820
どんな手を使っても絶対間に合わせるスケジューラ
Avatar for asari asari194617
0
1.5k
Kiro Crew で始める マルチエージェント開発
Avatar for Kazuki Miura miu_crescent
PRO
0
210
[ホンマでっか SRE] あなたはなぜ SRE に?
Avatar for _awache _awache
0
490
1.5時間を無駄にして学んだwsl2におけるaptとsnapの選択と仕組み
Avatar for y-osaka0123 yosaka0123
0
470
Kiro５兄弟のいまどきのセキュリティ基礎知識
Avatar for Hiroo Katoh kentapapa
0
400
形式手法特論：Hyperproperty とモデル検査 #kernelvm / Kernel VM Study Tokyo 19th
Avatar for y_taka_23 ytaka23
1
890

Featured

See All Featured
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
290
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
220
Done Done
Avatar for chrislema chrislema
186
16k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
340
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.3k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
450
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
430
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

Transcript

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

  2. None
  3. None

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

  5. None
  6. None
  7. None

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

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

  10. None
  11. None
  12. None
  13. None

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

  15. 开发者工具之  Chrome

  16. 开发者工具之  Chrome  -  Emulating  Touch  Events

  17. 开发者工具之  Chrome  -  Emulating  Device  Viewports

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

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

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

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

  22. 开发者工具之  ADB

  23. 开发者工具之  Safari

  24. 开发者工具之  Safari  -  Remote  Debug

  25. 开发者工具之  Safari  -  Remote  Debug

  26. 开发者工具之  Safari  -  Remote  Debug

  27. 开发者工具之  Safari  -  Remote  Debug

  28. 开发者工具之  iOS  Simulator

  29. 开发者工具之  AVD

  30. 开发者工具之  代理服务器 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

  31. 开发者工具之  代理服务器

  32. 调试工具之  jsconsole

  33. 调试工具之  Weinre

  34. 调试工具之  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>

  35. 调试工具之  Weinre

  36. 调试工具之  iWebInspector

  37. 调试工具之  Fiddler

  38. 调试工具之  Fiddler

  39. 调试工具之  Fiddler

  40. 调试工具之  Charles

  41. 性能工具之  MobiTest

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

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

  44. 开发者工具之  Edge  Animate

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

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

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

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

  49. 跨平台工具之  PhoneGap

  50. 跨平台工具之  AppCan

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

  52. 书籍推荐