Why PWA cannot be installed on PC - service-worker

Fizza. I have added PWA instructions as described. On mobile adding to home screen works as expected, but on PCs it does nothing though you click to install. There is no debuggable info logged to console either.

At last I found the issue. My icon images in manifest.json did not match the exact dimensions. Error was visible in Chrome Canary. Create your manifest and icons using 3rd party manifest generators like https://app-manifest.firebaseapp.com/

Related

Angular route is not working with Cordova iOS

I'm facing an issue with Cordova, Cordova-ios 6.2.0 and Angular 12.0.
When I'm building my app with Cordova and launch it in an emulator (or with a device), I'm arriving to a white screen.
I did some research and try some "fix" but nothing worked.
Finlly, I've find that it could be because of the balise.
So, I tried to play with the tag and modify the href with ., ./, / but nothing worked.
I've tried without and it worked, but without routing.
Has someone already had this problem?
The Angular router needs the app to be hosted on a "proper" HTTP scheme and does not work with file: URLs. You can check how your app runs, if you open the JavaScript console for your app running on an iOS device with Chrome and typing location.href. If you see file: you need to set up a custom scheme.
Please checkout the documentation and this announcement https://cordova.apache.org/announcements/2020/06/01/cordova-ios-release-6.0.0.html

Xamarin iOS - publish fails, started happening after iOS 13 update

had anyone see this issue, not able to publish to app store.
tried everything re-doing the icons, asset catalog, used mac machine, etc
any suggestions?
You are missing a required image on your iOS project. In order to verify this:
Open your iOS project in Visual Studio,
And most likely inside the Resources folder, you will see the Images.xcassets.
When you open that, you will see "AppIcon" on the top.
Open that and you will see several empty slots. If you hover over them, they will tell you what dimensions are needed.
Drag and drop two pictures in the empty location that is required and it should fill up as shown in the picture below:
Most likely, you are missing the iPhone Spotlight 3x or iPhone App 2x image.
issue raised here is the reason for my builds failing
issue
installing this package breaks everything.
https://www.nuget.org/packages/ImageCropper.Forms/

Form not showing up in my Emulator

I have a mac pro. I installed xamarin studio and everything I needed for android development on mac. The first time I created a project I ran it and everything works. I was able to click on a button which counted my number of clicks kind of like a default.
I decided to follow the Android quick start tutorial on Xamarin and when I got done creating the project and ran it nothing showed in my emulator. The controls I created did not show up. All I got on top of the screen was "Deployment Completed" . No error messages either. How do I trouble shoot this? I want to be able to see the screen I created in the Emulator and click on various buttons.
Now I just got an error message and it can be found below.
/Library/Frameworks/Mono.framework/External/xbuild/Xamarin/Android/Xamarin.Android.Common.targets: Warning: No -tsa or -tsacert is provided and this jar is not timestamped. Without a timestamp, users may not be able to validate this jar after the signer certificate's expiration date (2047-01-01) or after any future revocation date. (Phoneword)
My guess is that your Android project did not actually get built either because you have selected the wrong configuration and platform pair or because the settings for the configuration and platform pair are not correct.
When building and running on Android, you want to make sure you change your Platform to AnyCPU and then either choose Debug or Release for your Configuration depending on what environment you are targeting. For building and running on iOS, you would just change the Platform to iPhone Simulator or iPhone.
See image below for how to access these settings (just click where the red boxes are circled):
In Xamarin Studio, with your project open:
Click Project -> Solution Options
Choose the Configurations tab
Choose the Configuration Mappings tab
Now change the Configuration dropdown to Debug and the Platform to AnyCPU
Make sure that the Build checkbox is checked next to your shared project (most likely the one at the top) and that the Build checkbox is checked next to your Android project
Now click OK, make sure you have the correct Configuration and Platform are selected
Rebuild the solution and try to run it again
*Edit: After talk in the comments, the emulator must be unlocked to actually view the running app. To unlock the emulator:
Click and hold down on the lock icon at the bottom of your emulator screen
Drag the mouse up to the top of the screen and release the click

iOS Cordova assets not loaded

I wrote some new views for my application, and they all show up properly on chrome and safari. However, when I run the app on simulator and open up the safari debugger, those views don't show up under index.html/scripts/. I have confirmed that those files exist in the www/ and Staging/www/ folders in the Xcode project. I have run rake prepare_ios, but it does not fix the issue, do I need to add these new files to a directory somewhere?
After trying to access my application through mobile Safari, I encountered an error on the Safari inspector that I had hooked to my simulator. It told me that I could not use const since I was using strict mode. This error had not popped up previously, and only out of random luck (when i was closing the safari tab) did it even show up on the inspector. This led me to go and make changes to my files that were using const and the page loads now.

InAppBrowser not launching

I've installed Phonegap using the npm and my app is working great, except when I call window.open to launch a website it does not give me the footer with the done button so my app get's stuck on the called web page.
I am using XCode to build an ios app.
I've used npm to add the InAppBrowser plugin. It added the to to the config.xml.
I've added the site to my whitelist in config.xml. The site opens fine, just without the done button/footer.
It added the InAppBrowser plugin entry to:
/#myapp#/platforms/#platform#/www/cordova_plugins.js
It added the InAppBrowser plugin folder in /#myapp#/platforms/#platform#/plugins/
The related SRC files for InAppBrowser are in the platform folder as well
(for example IOS plugin src files are: /#myapp#/platforms/#platform#/#appname#/Plugins/)
I added a console.log function to InAppBrowser.js to confirm that the plugin is loaded, but it does not generate a log entry.
I've tried many things to get the footer/done button to show without any success, but I seem to be missing something here.
I solved this problem by recreating the Xcode project using cordova (instead of phonegap). I went through all of the solutions several times with no luck, so I used the terminal to build a new cordova project, added the InAppBrowser to the project, then copied my code and assets from the old project to the new one. Launched the app on my ipad and it all worked just fine.
I don't suspect it's a problem with Phonegap 3.1.0. I think there was a project issue that kept it from working and starting over with a clean project did the trick.
All is well.
One note is that I saw postings that reported cordova interrupts the console.log function, so be careful with that. Alerts work just fine.

Resources