7 Mar 2011 10:37 AM #1
Enable IE6+ to work with Sencha Touch!
Like most large development shops, we need to write apps that run on iE6+ browsers. Since IE does not use WebKit... Touch is impossible on IE right? No. Google created an IE plugin to solve this. I've tested this and it works great.
I found a great plug-in for IE6+ called "Google Chrome Frame" and it adds a Chrome frame to your application... using a simple meta tag in your Touch application will enable it (because Chrome has WebKit).
Google Chrome Frame is not new and has been out for quite a while. Currently, it requires Administrative privileges to install, but looks like Google is working on a User level installation that should be coming out soon.
Steps to get IE6+ 'Chromified'
(1) Install the Google Chrome Frame plug-in
Close and Re-open IE
(2) Add metatag to the top of your index.html
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
That's it... your app should now work on IE.
7 Mar 2011 11:00 AM #2
Why would you want Sencha Touch app to run in IE6?Eugene
Ext.Direct for ASP.NET MVC
7 Mar 2011 11:18 AM #3
Just because you can do something, doesn't mean you should do something. Yes, you might be able to make IE6 jump thru hoops to do that, but it's probably a bad idea. IE6 is already very slow and adding more layers on top of it to emulate another browser and then render HTML5 is going to run so slow as to be not worth it. And, just like everything else about IE, it's probably not going to be 100% functional, so you'd just have to add yet another set of workarounds to get it right.
If you're serious about supporting both IE6 and Sencha Touch for your apps, you're efforts are probably better spent separating you UI layer from the rest of your app's JS so you can swap frontends more easily.
I don't speak for Sencha, but if I think if they were to devote resources to supporting other platforms, I'd rather see Mozilla compatibility.
7 Mar 2011 12:47 PM #4
WHY IE: because not all Touch apps are small phone apps. Tablet apps (like iPad) actually look very nice on a desktop browser thereby widening the target audience.
WHY BOTHER: because its worth it and it works The plugin only works on pages that have the meta tag, so you don't have to worry about it causing other issues.
7 Mar 2011 3:57 PM #5
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
I'm sure performance is just wonderfulMitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
13 Apr 2011 11:10 PM #6
24 Apr 2011 7:03 AM #7
Actually I've found Chrome Frame for IE to have decent performance, especially compared to stock IE.
Sure Chrome Frame wouldn't be my personal browser preference over Chrome itself. The point is it works for those who want the IE "look and feel" for whatever reason they might have...
24 Apr 2011 7:10 AM #8
If you just want a grid component to act similar to a Touch nested list, that would probably be relatively easy to do with ExtJS.
If you want the exact "look and feel" of the nested list from the Touch kitchen sink demo I doubt ExtJS would be your friend for implementing this as it has significantly different opinions on design to Touch. You could probably punch it repeatedly until it reluctantly agreed to do what you wanted, or you could just implement it with a lower level framework like jQuery+Backbone.js (simply an example, not a recommendation).
19 Dec 2012 1:48 PM #9
I would love to know too. I will read below to find out. lol
25 Jul 2013 10:34 AM #10
Not working in IE 9 and lesser
Chrome frame + a meta tag = Sencha touch app on IE Yes ! it worked. But wait not always
It worked only for IE 10 in my case. I have a Windows 8 machine with default IE 10. I installed chrome frame and added meta tag to the source code and it worked. But I wanted to make sure that it works on IE9 and IE8 as well. So, when I tried to run it on a Chrome frame installed IE 9 browser on another machine, it just DID NOT work.
It is extremely important for our application to run on IE9 and IE8. Can anyone please help me with this issue?
Seriously looking forward for a response.
By handitan in forum Sencha Touch 1.x: DiscussionReplies: 3Last Post: 26 Apr 2011, 1:25 PM
By tfabacher in forum Sencha Touch 1.x: DiscussionReplies: 2Last Post: 7 Mar 2011, 6:52 AM
By mboreback in forum Ext Designer: Help & DiscussionReplies: 3Last Post: 12 Jan 2011, 12:00 PM
By Riaz in forum Sencha Touch 1.x: DiscussionReplies: 4Last Post: 30 Sep 2010, 8:30 PM
By tfabacher in forum Sencha Touch 1.x: DiscussionReplies: 0Last Post: 12 Jul 2010, 10:04 AM