IONIC on IE9 not working - angularjs

I've someone please could provide some workaround for this one?
If I run my IONIC application in IE9, i'm getting the error back:
Unable to get value of the property 'indexOf': object is null or
undefined ionic.bundle.min.js, line 6, character 31181.
When viewing the JS file. The exact line is:
var o=t.CSS.TRANSITION.indexOf('webkit');
Did somebody encountered this problem? Or has a fix for it?
I know that IONIC is meant for hybrid mobile dev, but I really need to get this working on IE9 also.

If you want it to be viewable in a browser for testing, then Chrome or Safari work just fine.
Support for IE desktop is not on the road map. Ionic's mission is hybrid apps.
http://ionicframework.com/docs/guide/preface.html119

Related

Protractor tests on BrowserStack iPhone devices are not working

For some reason the iPhone devices are never able to load the url requested by Protractor, they always show a blank page. It tries to load the url several times and then gives up.
The other BrowerStack devices all seem to work, including Windows, Android, and Safari/Macbook.
Has anyone encountered a similar problem?
For reference, we're using Protractor v2.2.0 (have not been able to updated because we're stuck in an old version of NodeJS, but we could try if that is the cause of the issue).

ionic mobile app gives white screen

I have created one ionic app it runs perfectly fine in browser but when I convert it into app it gives white screen.
I have already install white list plugin and allowed all url in config and also have kept meta tag. Am not able to find any other solution.
When kept simple html file am able to view it.
Any help will be grateful.May be good way to debug will be also good.
Connect your phone to PC with USB cable and remember to keep USB Debugging On. Now, navigate to chrome://inspect. You'll find the device name and click on "inspect". On Console tab, the error list will give you a hint about what is wrong there.
In my case, a custom service was Injected in controller which had been removed at some time as It was not used anywhere.
Ok just answering this question so it will be helpful to all.
Below blog was helpful for me that how I can debug
http://gonehybrid.com/how-to-debug-the-white-screen-of-death-in-your-ionic-app/
And guess what was issue, folder name in app is case sensitive. I was just need to change a folder name as per exact case sensitive path I provide in index file.
Mostly such thing occures because of a javascript error. You say it runs in your browser. Are there some exception in the console?
Not everythings is equal between browser and device, for example plugins. You have to be sure, that all used plugins are installed properly.
If you deploy on android, you can use android monitor to get console output. On ios xcode has already an integrated debugger.
I had this horrible issue because I compiled my Android application with Cordova 6.x and the project worked with CrossWalk plugin. In my case, the solution was uninstalling Crosswalk. If your project has installed that plugin, try to uninstall it and compile your project again.

Phonegap + AngularJS + WP7

I'm working with Phonegap and AngularJS and want to put my app on windows mobile phone 7. But angularjs ist not working by using data binding, e.g. {{service.greeting}}. I'm getting no error, it just shows nothing on my device. What's wrong?
Thanks.
I ran to similar issue myself. It's because Windows Phone returns current URL as x-wmapp0:www/index.html which Angular cannot handle.
AFAIK it's not fixed yet, see Angular issue for further info.

Unable to preview Extjs app in browser by Sencha Architect?

I am developing a large scale extjs app in Sencha Architect. While working with it suddenly I was unable to get preview of the app in browser. It shows blank page. I have checked that framework & CSS have been loaded. But the app is shown. There is no error in Architect too.
I am unable to find the problem caused.
Help will be appreciated.
Thanks much!
Have you used Firebug (or other debug tools) in your browser? Its likely a minor code issue which is throwing out your page rendering, using a debug suite will help to quickly identify and resolve the issue.
Alternatively, it may be a result of your app not being instantiated correctly (if you aren't using a viewport, or haven't explicitly rendered the main view)

EXtJS 4.2 and Android browser

I have a bunch of components that I am calling setValue on, everything is working fine in all browsers except the Android web browser and google chrome for android. Has anyone seen this behavior or knows how to solve it? I don't know where to really begin.
Ok you have to enable Javascipt for the Web View as android disables JS by default due to security reasons
YourWebView.getSettings().setJavaScriptEnabled(true);
YourWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
That should so the trick
if your app has secure data you probably don't want 3rd party software running JS in your app
Hope this helps

Resources