Previously:
Notification from background service worker was fixed in Issue 1168477: Cannot create notification with manifest V3
SVG notification icon was fixed in Issue 478654: Can't use SVG for notification icon
However, using SVG in notification in from background service worker causes an error:
Unchecked runtime.lastError: Unable to download all specified images.
Using png for example works fine. Is it a bug or due to unpacked extension or something else?
Chrome Version 107.0.5304.110 (Official Build) (64-bit)
Unpacked Loaded extension
Related
Been working on an Ionic app, the app runs well on Android, however when adding push notification services the app simply shows a blank screen after the splash screen and doesn't load the app from "ionic://localhost/" instead loads from "file://" after removing the push service the app works well again on all platforms.
We are using the cordova-plugin-firebasex plugin for push notifications.
The error from Xcode when running the app is: "Failed to load webpage with error:...."
I have made an angular + workbox application that now is converted using PWABuilder to Cordova project targeting ios platform.
Now my problem started with offline page, I want my application to work the same way it works on chrome browser with offline mode.
That is, even if I'm in offline mode, I'm able to use website and store the requests for later on.
But on IOS device, when I open application, then turn airplane mode or disconnect wifi and re-run an app a white screen appears. (Offline page support is disabled in manifest.js - I don't need Offline.html)
I have registered routing by
workbox.routing.registerNavigationRoute('/');
And then
// couple of following lines:
workbox.routing.registerRoute('regex with js,manifest...etc', networkFirstStrategy({cacheName} ...)
And the weird fact is that on ios this somehow can't be cached, or somethings different happens.
I'm waiting for any suggestions, or leads that can help me fix this behaviour.
Answer
The WebView as used by Cordova in the latest iOS (12.0.1) will not run Workbox because it doesn't support Service Workers.
Details
Cordova apps run in a WebView.
The app executes in a WebView within the native application wrapper... source
The WebView in the latest production iOS (12.0.1) only supports Service Workers within three specific contexts, which doesn't include Cordova apps.
At this time [the Service Worker API] is only available in Safari, applications that use SFSafariViewController, and web applications saved to your home screen. source
Next Steps
It may be possible to add Service Worker support via a Cordova Plugin. For example: cordova-plugin-service-worker.
In addition, you may also need to add Background Sync support as the latest Safari does not support Background Sync. For example: cordova-plugin-service-worker-background-sync.
The Workbox docs state that they provide a fallback strategy when Background Sync is not supported:
Workbox Background Sync...also implements a fallback strategy for browsers that
don't yet implement BackgroundSync. source
However, an open issue on Github shows that the fallback strategy may not work on iOS.
I made app with React Native and it is almost done.
So tried to publish my application to App Store with Xcode(Application Loader) But it throws error like this.
Maybe this issue is duplicated with Error ITMS-90717: "Invalid App Store Icon",
But It is little bit different with my case Because I made app with React Native. (I used EXPO XDE)
How can I solve this issue?
Thanks.
You need to use a icon image without a transparent background. You can just export as JPG or export again the png whithout the transparent background / alpha
UPDATE:
Confirmed: This has been fixed on the iOS 8.0.2 update.
Using PUT/POST to upload file(s) over HTTP seems to get stuck on Sending Request Headers on mobile Safari on iOS 8 GM build.
I have an example here:
Open an HTTP monitor on your desktop and route your iOS 8 device
through it
Login
Add a file
Hit Upload
It gets stuck on Initializing (which is sending request headers)
This is the case even on http://m.facebook.com
- Try to add a photo to your status and it fails.
This only happens when the request contains a file. This is reproducible irrespective of having multiple enabled/disabled in the file input. Uploads work fine on Chrome on iOS 8.
Did anyone else experience this too? Is there a way to successfully send files over HTTP on iOS 8 Safari?
This was a bug in iOS 8.0.0 and was fixed in 8.0.2. The file body is not included in the request payload, but Content-Length is set as if it is.
See blog post File uploads appear to be broken in Safari on iOS 8.
Update: Apple released iOS 8.0.2 yesterday and has fixed the upload bug.
File upload are broken in iOS 8.0. All files uploaded in Mobile Safari return 0-sized [1].
Hopefully this gets fixed by Apple in the next release. It seems like it is not affecting home screen webapps though:
File uploads are broken!! Every file upload is not working, you can select a file or take a picture and after that JavaScript will not get any data, as well as the server on a POST upload through HTML or XMLHttpRequest upload. The problem doesn’t seem to apply for home screen webapps.
Source: http://www.mobilexweb.com/blog/safari-ios8-iphone6-web-developers-designers
[1] http://blog.fineuploader.com/2014/09/10/ios8-presents-serious-issues-that-prevent-file-uploading/
We're seeing similar issues in WordPress. All iOS8 GM uploads lead to 408 (http status, timeouts). Strangely enough, iOS8b5 was leading to error-500. Uploads are peachy under 7.1.*.
https://core.trac.wordpress.org/ticket/29602#comment:17
Actually the file upload works fine on IOS 8 (safari) if the image comes from screen shot and not from the iphone camera. For example, if you take a photo from you camera on iphone and try to upload the file via browser ( input type=file), it will send an empty data
src: "data:,"
while if you send the same image to your email and download it from your email and upload it again it works or if you take a screen shot photo it works as below
src: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/8AAEQgGYATIAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkK....#
..."
Any idea or hint please us know.
Angluar JS is being used for file upload and NodeJS on the server
Regards,
Alan Mehio
I have a web app designed for use on an iOS device. The web app includes file uploaders, which are meant to allow the user to upload an image from their iOS device or take an image from their camera.
The issue I'm running into is that I want the user to be able to upload PNG images through this interface, as well.
What is happening, though, is that it seems iOS renames the file image.jpg before it is sent to the web app, not honoring the original file extension. This is only an issue because I am trying to preserve transparency in the .png files, and this is lost in the extension renaming.
Any thoughts on how to handle this? Thanks, in advance, for any assistance on this front.
Mobile Safari only allows the uploads of jpeg's at this time. If you try to upload a png it will be (heavily) compressed into the jpeg format and then uploaded to the server.
The only way we have been about to get around this is by creating a native app for iOS and uploading the image through the Cocoa-Touch API's.
I've filed a Bug report with apple for this issue. Bug ID: 14494395