If there a way to preview a PWA splash screen in the browser? I can't get a preview in Google Dev Tools.
Related
I am using Appium with Webdriveio and testing Native app where I have a scenario to click on a button within the Native app that opens a link in the Safari browser.
As I am testing a native app I do not have the privilege to get in deep link from the dev tool so need to fetch the URL from safari browser to verify that the correct link is open
Is there any way to fetch Safari URL via Appium/Webdriveio within Native automation?
Issue
My web application built using nuxt and installed as web app on iphone becomes unresponsive after I open or visit an external link from the app. Issue specifically comes iOS 13.4 and above on real devices. Simulators works fine.
Devices
iPhone X and XI (all versions) with iOS 13.4 and above
Steps to reproduce
Open url https://nuxt-min-pwa.netlify.app/ in safari.
Tap on share icon and then add to home screen.
Open app from home screen.
Tap on menu icon.
Tap on second.
Tap on link named ICE.
App will open an external url.
Tap on Back to App button to return to the app.
Tap on second now.
App does not responds. A thin loading bar seems to be in progress, everytime second is tapped. But nothing else happens.
Web app is working fine in iphone8 with ios 13.3.1 and Xcode simulators. There is a similar issue reported on both stack overflow and apple developer forum. Although it specifically mentions microsoft openid, but I am sure, issue comes up with any external url.
PWA freezing on navigation clicks in Safari iOS (13.5) after OpenID Microsoft sign in
https://developer.apple.com/forums/thread/649699
Source code for app
https://github.com/appsbuddha/minimal-nuxt-pwa
I want to integrate a website into a webview with react native.
Everything is fine until I want to login with facebook. When I press the "Login With Facebook" button, the webview become just a white screen and it is blocked.
This happens because when I press the login button, it tries to open a popup, but the popups are not enabled in react native webview.
So, my question is: how is possible to enable popups in webview? I just want my website to behave just like in a normal browser (like chrome, where everything is working fine), but inside my webview.
I use react native 0.55.
I read https://codeburst.io/webviews-and-social-authentication-with-react-native-cfecf96ac7d7 but didn't help me because I don't have access to the website source code.
I have been working on a simulation of windows 11, and it works, pretty well, but I added a web browser so you can browse the web and whenever i clicked on full screen mode on youtube, the video still shown, but the full screen part was all black.
This is the video fullscreen
Anyone have any idea how to fix this? I have been searching the web for it and I can't find anything.
I am developing a hybrid app and my first page is native page in both android and ios. I kept initial html page as blank white background and loading native page by using the WL.nativePage.show API method.
I am able to go to native page but after the splash screen, it's showing a white screen which is my HTML page for a while then the native pages is displayed. So I want to avoid that white screen. How to do that?
My code for showing native is:
function wlCommonInit() {
WL.NativePage.show('ProductHomeViewController', backFromNativePage, params);
}
This is not easily doable in Worklight 6.1, but is likely to be improved in a later release.
In Android, you can change in AndroidManifest.xml the default activity the application starts with that of yours (the activity you have created for your Native Page)
In iOS, you can start another UIViewController from CDVMainViewController
The above will help to have a Hybrid app that its "start page" (the page you see after the splash image) is a native page, HOWEVER, this will not help in sharing the session between the Hybrid and Native pages (as explained in the answer to this question by you).
There is work in progress to create a Cordova plug-in that will allow session sharing between hybrid and native pages when the native page is the starting page of the application; it is not yet ready. As I wrote at the top, in a future release all of this should work better.
To address the questions in the comments:
The Hybrid application also contains that same Native API as a Native application would, this means that once you launch the app and navigate to a native page after the splash image (based on the above), you can still use the same native API methods to connect to the Worklight Server, invoke Worklight Adapters, etc.
The problem is still the sharing of the cookies (session) between the native webview and the hybrid webview.
Again, as written above, there is work in progress to create a Cordova plug-in that will allow session sharing between hybrid and native pages when the native page is the starting page of the application; it is not yet ready. In a future release all of this should work better.