Building Cross-Platform Mobile Apps with PhoneGap and Sencha Touch
Debugging Sencha Touch Apps
-
Upload
sencha -
Category
Technology
-
view
8.049 -
download
0
description
Transcript of Debugging Sencha Touch Apps
![Page 1: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/1.jpg)
![Page 2: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/2.jpg)
Debugging Sencha Touch Applications
Evan Trimboli & Tommy Maintz
![Page 3: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/3.jpg)
AgendaCommon Javascript Oversights
Investigating the ToolsTouch Debugging Specifics
![Page 4: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/4.jpg)
Common Javascript Oversights
![Page 5: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/5.jpg)
No CompilerCase sensitivity mattersCheck spellingDeclare variablesReserved words
![Page 6: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/6.jpg)
Truthiness & EqualityNo need for explicit true valueType coercion not performed by ===null/undefined are di!erent!
![Page 7: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/7.jpg)
Closures
![Page 8: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/8.jpg)
Variable Binding
![Page 9: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/9.jpg)
Variable Binding
![Page 10: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/10.jpg)
Language FeaturesNo block level scopePrototypal inheritanceHigher order functions
![Page 11: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/11.jpg)
Investigating The Tools
![Page 12: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/12.jpg)
Chrome Debugger
![Page 13: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/13.jpg)
Elements Screen
![Page 14: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/14.jpg)
Elements TabView current DOM stateSearchingView/Modify styles dynamically
![Page 15: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/15.jpg)
Scripts Screen
![Page 16: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/16.jpg)
Scripts TabBreakpoints, step line by lineCall stackInspect locals
![Page 17: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/17.jpg)
Resources Screen
![Page 18: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/18.jpg)
Resources TabLoading time/sizeLoad informationFiltering
![Page 19: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/19.jpg)
ConsoleInteractive commandslog()/warn()/error()Counting/Grouping
![Page 20: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/20.jpg)
JSLint
![Page 21: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/21.jpg)
JSLint - Code Quality ToolGlobal variablesTrailing commasUnreachable codeRequired blocksMuch more
![Page 22: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/22.jpg)
RemoteJS
![Page 23: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/23.jpg)
RemoteJS - Android
![Page 24: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/24.jpg)
Touch Debugging Specifics
![Page 25: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/25.jpg)
Data
![Page 26: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/26.jpg)
Loading DataIs the URL correct?Did the request complete?Was the data valid?Does the Model match the Component?
![Page 27: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/27.jpg)
Event Driven ModelAjax - ASYNCHRONOUSExecution doesn’t stopMust use appropriate callbacks
![Page 28: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/28.jpg)
Layouts
![Page 29: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/29.jpg)
Over-nestingPanels with no layoutImplicit layouts (Carousel, TabPanel)
![Page 30: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/30.jpg)
Dynamic LayoutsRemember doLayout & doComponentLayoutApply sizes to Components
![Page 31: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/31.jpg)
Events & Scoping
![Page 32: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/32.jpg)
What is “this”Contextual Information
HandlersCallbacksBlocks (Ext.each)
![Page 33: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/33.jpg)
Are You ListeningCapture - All events on an instanceObserve - Specific events on all instances
![Page 34: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/34.jpg)
General Tips
![Page 35: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/35.jpg)
Use the Right Filessencha-touch.js - Minified, compressedsencha-touch-debug.js - Whitespace, comments
![Page 36: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/36.jpg)
Getting Further HelpRead the documentation (then read it again)Consult the sourceWrite a test caseKnow how to ask for help
![Page 37: Debugging Sencha Touch Apps](https://reader033.fdocuments.in/reader033/viewer/2022051210/54b3da2f4a795991608b45ff/html5/thumbnails/37.jpg)
Happy Debugging!