React JS not opening in apple browsers - ios

I have a website created in react js, when I try to open it on windows or android the loading happens normally.
But on IOS devices it doesn't load anything from the site.
I tried to use https://polyfill.io/v3/polyfill.min.js in my index but I still couldn't.
PS: I don't have a mac to debug, tests only on an iphone version 15, I didn't find the iphone ios console to see the errors.

Problem solved, first step was to update the browserslist.
Second it was seen that the application was with storage in localStorage above what safari was handling, thus causing the error.
Removed localStorage.
Link:
https://github.com/browserslist/browserslist
Link:
https://stackoverflow.com/questions/1921048/limit-of-localstorage-on-iphone#:~:text=Mobile%20Safari%20on%20the%20iPhone,limit%2C%20afaik%2C%20on%20localStorage.

Related

DriverKit driver doesn't appear in Settings when installed with iPad app

I'm working on a DriverKit driver. I have it running on macOS, including a very simple client app written in SwiftUI. Everything is working fine there. I've added iPadOS as a destination for the app as demonstrated in the WWDC video on DriverKit for iPadOS. The app builds and runs on my iPad, as expected (after a little work to conditionalize out my use of SystemExtensions.framework for installation on macOS). However, after installing and running the app on an iPad, the driver does not show up in Settings->General, nor in the app-specific settings pane triggered by the inclusion of a settings bundle in the app.
I've confirmed that the dext is indeed being included in the app bundle when built for iPadOS (in MyApp.app/SystemExtensions/com.me.MyApp.MyDriver.dext). I also can see in the build log that there's a validation step for the dext, and that seems to be succeeding.
I don't know why the driver isn't being discovered -- or in any case surfaced to the user -- when the app is installed on the iPad. Has anyone faced this problem and solved it? Are there ways to troubleshoot installation/discovery of an embedded DriverKit extensions on iOS?
Update after further debugging:
I've decided to try to get Apple's DriverKitUserClientSample sample app working on iOS, since some version of that is what was shown in the WWDC video, and it's much simpler than my driver.
I'm able to get it working on macOS, following the instructions for provisioning etc. in the page on the sample app. But I'm having the exact same problem on iPadOS where the app runs fine, but the driver doesn't show up in either general settings, nor the app's own settings page. I'm using manually, explicitly generated App IDs and provisioning profiles for the driver and container app.
Looking at the console logs on the iPad, the only thing I see that seems to have anything to do with the driver (as opposed to the container app) is this line:
debug 15:35:10.872075-0700 installd open(/var/installd/Library/Caches/com.apple.mobile.installd.staging/temp.3XF4J5/extracted/DriverKitSampleApp.app/SystemExtensions/com.openreelsoftware.dext-to-user-client.driver.dext/Info.plist,0x0,0x1b6) = 4
Not sure what that means, except that I worry that = 4 is an error code. Assuming it's the regular open() being used here, 4 is EINTR // Interrupted system call.. Not sure if that really means anything.
I've put my modified version of Apple sample project on GitHub here: https://github.com/armadsen/CommunicatingBetweenADriverKitExtensionAndAClientApp
Any help is most welcome.

Ionic 6 app getting CORS error accessing develper.google.com on iPad only

I have an ionic 6 app built with angular and cordova. I can build the app just fine for iOS and it runs on an iPhone with no issues.
But for some reason, when running the same build on an iPad I get CORS error accessing developers.google.com (I assume this is from firebase, which is in my app)
Most of the other questions I've found involve Capacitor, which I am NOT using.
Similar, but I'm not making http requests directly. I'm using AngularFire: https://forum.ionicframework.com/t/cors-issue-when-sending-request-from-ionic-to-firebase-cloud-function/185239
I've been able to repeat this scenario. If I remove the app from the iPad simulator and run it again, it works. However, if I refresh using Safari dev tools, or just re-run the app, the issue occurs. (maybe it's a timing issue?)
erorrs.
Some more information around the erorrs
The way I managed to address this was to switch from the Cordova build to the Capacitor build following the instructions here:
https://capacitorjs.com/docs/cordova/migrating-from-cordova-to-capacitor
Essentially, once I started using the newly create ios folder instead of the old platform/ios that was generated by Cordova, the error stopped.
I don't know why, but maybe this will help someone else.

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

Meteor AngularJS Ionic IOS device blank page

I am building a Meteor hybrid app that using AngularJS and ionic, so I decided to use driftyco:ionic, since meteoric:ionic doesn't support Angular.
Everything works fine on web browser, however, it is blank when it runs on ios devices or simulator with no warnings or errors showing. I get rid of driftyco:ionic, content is able to show on ios devices. Thus, I believe there is something I did wrong with driftyco:ionic, so I got a blank page.
My repo https://github.com/yumikohey/bringMe ?
I deployed to 52.89.149.88(most updated) and bring-me.meteor.com(older version)
Thanks for your help.
Create mobile-config.js and add App.accessRule('*');
Re-run meteor

phonegap 3.0 console.log plugin http:localhost/!gap_exec 404 NOT FOUND

I've installed the console.log plugin "$ cordova plugin add org.apache.cordova.console" to my phonegap 3.0 project.
When I do console.log("xxx") in xcode, it work fine without any problem / error.
However when I test it in a web browser. The error "http:localhost/!gap_exec 404 NOT FOUND" appeared in the web browser console. When I comment out the console.log("xxx"), this error is disappear.
I just wonder whether it is really work fine in xcode. coz sometime xcode won't display javascript error.
Is there any debug tools for develop phonegap apps for ios / android?
Any cordova(phonegap) plugins is not for the web browser. when we install the console plugins it works on actual device because deviceready event fires but in case of web browser deviceready does not fire thus plugins are not working so, if you are doing so then please remove cordova.js file from your html and try in web-browser. but when you are ready with device include that file it is mandatory.
http:localhost/!gap_exec 404 NOT FOUND errors simply means that cordova(phonegap) does not find the actual device environment.

Resources