Debugging cordova app for Windows Phone - css

I have cordova 5.3.3 and my app is already working very well for Android. Now I'm trying to build it for Windows Phone 8 and Windows Phone 8.1.
The problem is that I found out that some .css files are not loaded (I'm running the app with both emulator and device with Visual Studio 2013 on Windows 8.1 x64).
How can I debug the app to find what files are not loaded during app running?
I tried to use ripple-emulator (https://github.com/apache/incubator-ripple) but I think it does not work with Internet Explorer on Windows or maybe I can't make it work (I already use it on Linux with Chromium and the Android platform and it works).
I also tried to use Visual Studio 2013: I have opened the .sln file in /platforms/wp8 and ran the app, so I have whatched the output console, but I think that it does not help me because I could not find the informations I need about the .css files that are not loaded.
Any help please?
Thanks

If you run the app in the vs debugger the f12 tools will attach and you can view the Dom from visual studio. Just press f5 in vs to build, deploy and run with the debugger attached.

Related

Can't debug application on IOS Device

I created a vanilla PCL project in xamarin forms. I tried to run on Android and it works fine.
But when I change de target to IOS and select my real device (Ipad with IOS 11.4.1), Visual studio only allows me to build solution, I wanna to run application on it but I can't.
The target IOS is 8.0, and I already authenticated with my apple account and created a provisioning profile.
I already done this on another project before and works fine.
I really don't know why Visual Studio don't allow me to debug, when I open my oldest project with this device it allows me to debug.
What OS are you running Visual Studio on? IOS requires MAC, whereas Android is compatible with all OS. It's been a while, but I know there's an option to wirelessly connect to a MAC OS so that you can run your IOS Xamarin Forms application anywhere.
I found the solution.
I was trying to use "Debug", and it works fine on the emulator, but to real device I need to use "Debug | Iphone" or otherwise it only builds.
Even when I try to use "Release" it's the same trick.

Xamarin - iOS is always building same version

I'm working on a multi OS app in Xamarin Forms, for Android and iOS.
Everything's fine with android compilation and deploy, but it's not that easy on iOS.
Visual Studio still deploy the same version again and again, like it's stuck somewhere in past.
Is there a cache to clean somewhere? The iOS app is displaying labels which are no more in my code, so it's probably a cache issue.
I tryied to clean the whole solution, in vain.
I deploy on a macOS virtual machine, hosted with VMware workstation. VS and xcode are installed on it.
There is an example of same page displayed in ios and android..

VS 2015 + Cordova + Emulator for Android = error "unable to deploy"

Using the default Blank Cordova project in VS2015 update 1, I try to publish (Debug > Android > Device) to the Android Emulator (Tools > Visual Studio Emulator for Android) and I get the following error:
Severity Code Description Project File Line Suppression State
Error Unable to deploy to Android device, no attached device was found. If you recently attached a device, you may need to wait a few seconds before it is recognized. BlankCordovaApp2
I am also getting the following error when I click Yes in the pop-up deployment errors window :
Operation not supported. Unknown error:0x80070057
Here's the device list from ADB confirming the VM is being detected.
No luck with the following.
I reinstalled Android SDK Manager and updated files.
I removed and then re-installed VS2015 community.
I can use adb.exe to check for the emulator device and it sees the device.
The android emulator appears to be working and displaying properly.
HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK is pointing to the correct location
renamed CoreCon
Ran Dependency Checker (Tools > Options > Tools for Apache Cordova)
I can deploy the .apk package on the Android emulator using adb install folder\location\xxx.apk
Any thoughts?
All I had to do was enable Android USB Debug on my phone.
Go to Configuration > System > About the Phone (My Phone is in Portuguese, so the menu options may differ a little bit)
Scroll to the bottom and tap on "Version number" around 10 times
A new option called "Developer" will be available under Configuration > System. Open it
Enable USB Debugging
Deploy the app again
Windows 10, VS 2015, Cordova 6.3.1, Using Andriod 23
I hab some trouble with different adb.exe errors and i fixed all of them. Perhaps this checklist will help. (Some things were already mentioned but nevertheless^^ her is my list):
Make sure yor device is connected to your Laptop. Check this with the console command "adb devices" (you have to be in the directory where adb.exe is)
If you see more than one an emulator is running , kill him (restart pc) if you see nothing check out another usb cable.
DELETE the app from your phone e.g. if you changed developing machine.
When installing MS Visual Studio you can first uncheck all and then only check Javascript->Cordova. Setup will make the rest. But install node.js and andriod-sdk (only sdk not the wohle andriod development studio... no need)
with the Andriod SDK-Manager make sure you have "Andriod sdk build tools" ONLY for your version installed.... for me 23.. AND Extras->"Andriod Suppot Repository" i have it like this:
here you can see my SDK Manager Part 1
here you can see my SDK Manager Part 2
5.Make sure you have developer options activated on phone and USB-Debugging is enabled. And on startup make sure you allow access from the Machine e.g. laptop to your device e.g. phone. A prompt should appear on your device.
cya
I encountered a similar problem.
Solution:
1)Open Developer tools in android devices and Revoke USB debugging authorizations
2)Then restart USB debugging
I was able to resolve this by editing the config.xml file and changing the Target API Level to match the installed version of the Android OS on my phone for development. Here is a link to the google developer docs:
https://developer.android.com/about/versions/marshmallow/android-6.0.html
It contains info on backward compatibility to help with setting the version appropriately.
Here's a work around to my problem. It doesn't fix the original problem, but it does allow me to debug using the Visual Studio Emulator for Android
Work Around:
Use the Debug > Android > VS Emulator XXX in the drop down to open the emulator and debug. VS Emulators can be added by using Tools > Visual Studio Emulator for Android
Previous Workflow:
Open Tools > Visual Studio Emulator for Android
Launch the Device Profile
Wait for the Device Emulator to open
Debug the project by using Debug > Android > Device
Close VS
Open it as Administrator
Tools > Visual Studio Emulator for Android
Start an emulator
Voilá
It worked for me

Visual Studio 2015 Cordova iOS .ipa Location

I'm trying to release an iOS app built using Visual Studio 2015 Cordova Tools. I can deploy to the simulator and to my device just fine. But I can't find where the .ipa file is being created? My bin/iOS/release folder is empty even after cleaning solution, restarting, and rebuilding.
I have not tried with the latest versions, but I never found that I could build a release version from VS for iOS. I always went and opened the project on the Mac with XCode, using the project in the remote-build folder, tweaked the project settings (VS project never seems to allow multiple device orientations, I need to check on the others, choose the correct developer profile, and usually correct the bundle identifier). Then build and submit to app store from XCode as a normal iOS app.
Perhaps the latest versions are better on this, but I doubt you will find the app bundle in your VS solution folders, it would have to be on the Mac.

Visual Studio 2015 missing emulators

I have VS2015 and VS2013 installed side-by-side. In VS2013 I have a list of emulators to start my app and it works awesome.
But VS2015 only has device in the list. How do I add the phone emulators to Visual Studio 2015?
UPDATE:
After playing around some more I've dug up some new findings.
Creating a new universal JavaScript project has the same issue
Creating a new universal C# project DOES show a list of emulators.
This worked for me!
Although I had CoreCon\12 and vs2015.3 instead of CoreCon\11 and vs2012
Maybe you could fix this issue by deleting this folder
C:\Users\\AppData\Local\Microsoft\Phone Tools\CoreCon\11.0
Then open VS2012 again.
If not repairing is always recommended
original post : no-emulator-lists-to-deploy-windows-phone-app
Rerun the installer. Make sure that the desired options are checked (probably either Windows Phone 8.1 Emulator or Microsoft Visual Studio Emulator for Android, you don't say which emulator you are interested in). If in doubt, just check everything.
If you had unloaded your start project, it may not be your start project anymore after reloading. So do a right click -> Set as Startup Project and then hopefully the emulators will reappear.

Resources