9. Reality
• Browser have bugs
• Standard implementation not the same
• Ambiguous standards
• Hard to debug on some browser
• Any issue might be new, not like IE
10. Reality
• Browser have bugs
• Standard implementation not the same
Survey
• Ambiguous standards
• Hard to debug on some browser
• Any issue might be new, not like IE
31. Location Bar
• 3 states in Android Browser
• show
• hide
• pinned
32. Location Bar
• 3 states in Android Browser
• show
• hide
• pinned
33.
34.
35.
36. What’s the Deal
• Window size changes
• Trigger ‘resize’ event?
• Android 2:Yes
• Android 3: No
http://www.quirksmode.org/dom/events/resize_mobile.html
37. Fix
• Time Interval to check window size change
• 200ms interval will cause video not play
• Manuel trigger resize handler when window
size might change
38. preventDefault
• Can used to prevent user scroll web page
• Not work on HTC browser
• Not a bug, its spec...
39. HTML5 Video
• Loop not work
• Play event not reliable
• Duration update issue
• iPhone, iPod have different implementation
40. Loop
• Video loop not work on all mobile browser
• But you can call `play()` on ‘ended’ event
41. Video Bugs
• ‘play’, ‘playing’ event not reliable
• Duration have default value
• Won't stop when buffer ready even if
`pause()` were called
58. Safari
• Enable Debug
• Connect iDevice to your Mac
• Open Safari
https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html
59. Chrome
• Install the ADB Chrome extension
• Install driver of your device
• Enable Debug
• Connect device to PC/Mac
https://developers.google.com/chrome-developer-tools/docs/remote-debugging