I tried the app I'm currently working on (production build) and my app loading indicator shows but never goes away. Anyone else try their apps in Chrome on iOS? I don't see a view console option so can't tell what's going on.
I tried the app I'm currently working on (production build) and my app loading indicator shows but never goes away. Anyone else try their apps in Chrome on iOS? I don't see a view console option so can't tell what's going on.
Mine load but Chrome for iOS is a third slower than Safari so it's not something I would recommend using. Don't think there is much Google can do as it's Apple who is restricting them.
Mitchell Simoens @LikelyMitch
Modus Create, Senior Frontend Engineer
________________
Need any sort of Ext JS help? Modus Create is here to help!
Check out my GitHub:
https://github.com/mitchellsimoens
Mitchell - do you apps use SDK tools build production? Mine shows the app loader but the app doesn't run. Of course I have no way to tell what's going on.
Since Apple doesn't allow their fast JavaScript engine for other apps I figured Touch would be slower.
You may want to use weinre or another remote debugger. I created a simple test app and built it with production and took a screen shot with my iPhone 4S with Chrome.
photo.PNG
Mitchell Simoens @LikelyMitch
Modus Create, Senior Frontend Engineer
________________
Need any sort of Ext JS help? Modus Create is here to help!
Check out my GitHub:
https://github.com/mitchellsimoens
FYI:
Chrome on iOS is just a Safari Mobile UIWebView
I have the same problem. My Sencha app works fine in all web-kit browsers on Android, works great in iOS Safari, but shows nothing in new Chrome on iOS. Only blank page. Am I alone with this problem?
Same here! Anyone got a solution or even an idea what is going on here? My App is also not working in dev mode. The Kitchensink and Touchstyle is working though!
Guess i just figured it out. Seems to be a viewport autosize issue as Chrome does not support this feature!
Following config in app.js works for my app:
viewport: {
autoMaximize: Ext.os.is.iOS
&& Ext.browser.is.Safari
&& Ext.browser.version.isGreaterThan(3)
&& !Ext.browser.is.PhoneGap
&& !Ext.browser.is.Standalone
}
I tried using rutzmic's solution but it still wasn't working for me.
After some remote debugging I found that Ext.browser.version.isGreaterThan(3) crashes Chrome iOS because chrome iOS doesn't seem to have versions...I know it sounds weird but see attached pic.
The last line you can see ("5.1") is from debugging on mobile Safari. The two above it (both undefined) were from Chrome iOS.
After a little bit more debugging I found that mobile Safari and Chrome iOS have a slightly different user agent.
Mobile Safari = Mozilla/5.0 (iPhone; CPU iPhone OS 5_1_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B206 Safari/7534.48.3
Mobile Safari = Mozilla/5.0 (iPhone; CPU iPhone OS 5_1_1 like Mac OS X; en-us) AppleWebKit/534.46.0 (KHTML, like Gecko) CriOS/21.0.1180.82 Mobile/9B206 Safari/7534.48.3
Once I realized this I did an indexOf('CriOS') on the userAgent string and if it == -1 then autoMaximize will stay true.
My final autoMaximize looks like...
autoMaximize: !Ext.browser.is.Standalone
&& Ext.os.is.iOS
&& Ext.browser.userAgent.indexOf('CriOS') == -1
I forget why I had Ext.browser.version.isGreaterThan(3) in there to begin with so after some testing without any issues I just decided to take it out.
Interested in remote debugging? I highly suggest checking this out -> http://thecssninja.com/talks/remote_debugging/