Sencha Touch App on iOS Simulator loads only index.html - extjs

I have a problem in loading Sencha Touch on iOS simulator. When I integrated Sencha Touch on Phonegap and run it on simulator it worked charm. And also on the web it works fine, But only when I tried to run Sencha Touch directly on simulator it just loads the index.html page. What could be the reason ?

Apple would never allow to disable web security on mobile safari. So files from my mac couldn't be loaded onto simulator. On mac safari I was prompted to Allow or Deny file access. But this is not possible on simulator

Related

Ionic View not recognized in chrome://inspect

I want to debug my hybride application via the Ionic View App, using the chrome://inspect tab of my desktop chrome browser. I connected my device (Nexus 4) and can open the console for all other opened webpages in Android's chrome-browser. As described in the ionic.io documentation (http://docs.ionic.io/v1.0/docs/chrome-inspector), I should also see the Ionic View App appear in the inspect menu but that isn't the case... Am I doing something wrong? I installed the right driver for my device and can see and inspect other mobile webpages.
Make sure that you've built the app without --release flag, and also that cordova console is installed.
cordova plugin add cordova-plugin-console
ionic build android
Have you configured your device?
Steps
On your device: enable USB Debugging.
Connect your device via USB.
In Chrome in the 'inspect' tab (chrome://inspect) check the option Discover USB Devices.
Check the Chrome docs for more information, maybe you are missing something.

Opening firefox browser in ios Simulator using Appium

I would like to open the firefox browser on the iphone (5, 6 or 6 plus) simulator using Appium. I tired by giving the absolute app path (of firefox browser app in the mac machind) in appium ios settings itself but it did not work. I've read about installing Firefox OS Simulator. Can I open the firefox browser in IOS Simulator or android simulator as an app or do I have to use Firefox's simulator? Please advice with detailed steps.
Thanks in advance!!
PS: I am using the latest versions of appium and ios
I'm working with Genymotion android simulator and appium.
In order to install firefox you just take the apk here
The details steps:
Install Android SDK.
Start the emulator by going to $SDK_root/emulator.exe.
Go to command prompt and go to the directory $SDK_root/platform-tools (or else add the path to windows environment)
Type in the command adb install.
Please note that the simulator testing usually not enough and you have test your app also on the real device.

Ionic Framework app works with "ionic serve" but not in Ionic View app

I have a very small Ionic app I've been working on (just a couple angular routes/views). When I run it using "ionic serve", the app loads in my browser as expected. However, when I upload it using "ionic upload" and view it in the Ionic View app, it appears as though none of my javascript works, or my routes are not working.
How can I debug this issue? Are there build tools to detect errors or anything along those lines?
As #Keval says if you're running Android you can debug on-the-fly using Chrome
enable Developer options on your device (Settings > About, then find Build number and keep tapping it...yes really!)
In Developer options, enable USB debugging checkbox
plug in with a USB cable
run your app on the device.
At some point your device will then show a popup requiring you to accept debug commands from the remote computer, click Accept. If it doesn't appear the first time, unplug and replug usually fixes it
head to chrome://inspect in desktop Chrome, and click inspect under your device
A new Chrome window will open with all the juicy abilities you need - inspect code, set breakpoints, look at network speeds, access the console and so on
You can also do this on iOS via Safari http://developer.telerik.com/featured/a-concise-guide-to-remote-debugging-on-ios-android-and-windows-phone/
I had the same issue recently. The problem was that I stored my Ionic views NOT in /templates folder.
Please, check, maybe my answer will be useful for you.

how to run sencha touch examples in iOS simulator

I installed sencha touch and sencha touch command and was able to view the examples in localhost.
But How do I run these examples in iOS simulator?
I tried below commands from with in the examples directory on iMac
from directory: touch-2.3.1/examples/kitchensink
sencha app package run packager.json
User-iMac:list-horizontal yuyutsu$ sencha app package run packager.json
Sencha Cmd v4.0.4.84
[ERR]
[DEBUG] Session could not be started: Error Domain=DTiPhoneSimulatorErrorDomain Code=1 "The application that opened iOS Simulator failed to send all of the required information (sessionUUID, sdkRoot, deviceInfo)." UserInfo=0x7fe4f0d0ce40 {NSLocalizedDescription=The application that opened iOS Simulator failed to send all of the required information (sessionUUID, sdkRoot, deviceInfo)., DTiPhoneSimulatorUnderlyingErrorCodeKey=-1}
The application was successfully packaged
[ERR] stbuild exited with non-zero code : 1
or from another app, directory: touch-2.3.1/examples/list-horizontal
Also tried running sencha app build -run native.
It failed with
/Users/yuyutsu/work/Software/mobile/Sencha/touch-2.3.1/examples/kitchensink/.sencha/app/packager-impl.xml:83: /Users/yuyutsu/work/Software/mobile/Sencha/touch-2.3.1/examples/kitchensink/resources/loading does not exist
I have Xcode 5. OS X version 10.9.2. I am able to run the native XCode projects in simulator using XCode.
Any idea on how can I run the sencha examples in iOS simulator? Is there a document which has the steps?
One very easy way (if you don't need device api) is to build the webapp through Sencha CMD and navigate in iOS Simulators Safari to the index.html file. You can do "add to Homescreen" and if you click the icon on your homescreen now you get the app in fullscreen.
The big advantage is that you can do really quick builds, but it does not fit always, because it's just the webapp, not the native one.
If you need to package your app native (e.g. for Device API) you can follow this guide: http://frightanic.com/software-development/sencha-touch-native-packaging-for-ios-done-right/
As it is running on localhost, you can simply check on simulators by using the same urls as on browser
iPhone 4
iPhone 5
Also, you can try Intel XDK, it has inbuilt iPhone simultors. It is easy to use. Simply put application and run.
Intel XDK
Or you can try packaging it in native iOS so that you can run in Xcode and see on Xcode simulator your app working. For that you can use Phonegap, refer link
http://docs-origin.sencha.com/touch/2.3.2/#!/guide/cordova-section-iOSNote
Also,
http://docs.sencha.com/touch/2.3.2/#!/guide/native_provisioning
Hope this helps you with your problem.
Failure to launch iOS simulator could be because of the below bug mentioned in sencha forum
"There is currently a bug open SDKTOOLS-783 where Sencha Native packager fails to locate Xcode 5.1 and thus unable to run in simulator."
I will try Phonegap/Cordova and post my observations.

How to use Opera Mobile Widget

I face a problem in running Opera Mobile Widget. I try to download .wgt files from widgets.opera.com but I cannot run them on my mobile device. First, I try to run them on my Apple ipod 4, then on Android mobile phone and both the devices have Opera installed. However, it is impossible to run the widget. Please let me know the reason why and how to run the widgets. Any help is appreciated.
Widgets do not run in Opera Mobile or Mini. However, you can run them on Android using this Labs build of the Opera widgets runtime: http://dev.opera.com/articles/view/labs-widget-runtime-wac-1-0-compliant-golden-for-android/

Resources