Wkwebview white screen

GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. This is an awesome plugin, and I really appreciate you putting it together. I seem to find lots of good plugins from Telerik these days :. When I install the plugin, and run my app, I just get a white screen.

WKWebView shows only white screen

I'm not really sure why. Unfortunately not possible for me. Its company code that I can not share. If olliekav can not provide his for context, I can try to reproduce in a throw-away project. More info. I put an alert before scripts loaded so I could get WebInspector up in time:. I've got the same problem I can't add you to my repo, I may be able to send you through a zip of it though. I'll drop you a PM though the iconic forum with a link.

You can DM me at eddyverbruggen at gmail. This is really nice plugin, will love to include it but i am having same problem. On running app only white screen is visible. Also, which Cordova version are you using? Hey just sent u zip file on your email eddyverbruggen gmail. The project stripathix sent me used the device plugin with Cordova 3. I upgraded to 3.

IOS 11+, Swift 4+, Beginners, Tutorial : Web View Tutorial ( WKWebView, http & https )

Do any of you have a similar environment? Nice to narrow it down. Unfortunately this poses a problem for us CrossWalk users, because CrossWalk stable is only at 3. Is it possible to work around this issue in the plugin? I was able to temporarily sidestep this issue by compiling for arm64 only. There seems to be some kind of bug with wkwebview and bit support. I'll post the link when I get a chance later.

Thanks to Eddy for helping me resolve this. I was getting a freezing-on-the-splash issue that sounds like these. I reinstalled the splash plugin and updated to 3. But i don't understand why inAppBrowser plugin stopped working. When i open a link it do opens inAppBrowser but noting loads in there. Can you help me with this? Plugin should use a background thread. Hi stripathix could you try the new 0.GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.

When lauching the simulator with xcode, everything works as expected, but when using ionic emulate ios --livereload or ionic run ios --livereload. It may be caused by XHR loading content from the remote livereload server.

This may lead to CORS restrictions. I don't think I will be able to solve this one. Perhaps disable the plugin when livereloading.

I have similar problem. I am using cordova run ios after cordova plugin add and cordova prepare. I do not use Ionic live reload and the app hangs on splashscreen. Hi softBarbarian, your issue seems related to 32 vs 64 bit. Can you please take a look at this SO post? Hi, i'm having the same issue here. Then i open the resulting project in XCode and run it on my plugged phone I make sure i see a the following log :. The app will display 2 boxes, one red, one blue. When clicking on the red box, it will open the camera and replace the blue box with the taken image.

Every now and then it works, but most of the time you get a blank page after you choosed the pic. Hello EddyVerbruggendid you get a chance to look at the repo? Hello Any update? Could you please let me know where you stand on this? Hey ghaiat I looked at the repo but those install instructions didn't work for me. I just tried a vanilla cli project with camera and wkwebview and didn't have the problem.

osx cocoa WKWebview app - swift 4 not working

Do you have an XCode project I can reproduce this with? It may be some CSS class of famo. Hello I struggling to properly replicate the issue in a separated project, so i m beginning to think it might be caused by famous css or js.But in beta 4, I just got a blank white screen UIWebView still worklooks like nothing is loaded or executed.

I saw an error in the log:. I want to change it a little but I don't know how to change it in your post. So I put it here I hope you don't mind.

In case you have a www folder there are many other files such as png, css, js etc. To do: 1. I'm using the below. Hope this helps until they fix the bug. They finally solved the bug! As Dan Fabulish's answer states this is a bug of WKWebView which apparently is not being solved any time soon and as he said there is a work-around :. I am answering just because I wanted to show the work-around here. The work-around is 20 lines of code, error handling and comments included, no need of a server :.

If you're working in Swift, you could try nachos4d's sample instead.

wkwebview white screen

It's also much shorter than shazron's sample, so if you're having trouble with shazron's code, give that a try instead. This solved the problem for me iOS 8. For who must workaround this issue under iOS8: If your page is not complicated, you might choose to make the page as a Single Page Application. In other words, to embed all the resources into the html file. I cannot comment yet, so I am posting this as a separate answer. This is an objective-c version of nacho4d's solution.

The best workaround I've seen so far. One year later things are OK.We strongly believe WKWebview is the best option for any app, as it features many improvements over the older, legacy webview UIWebView. These features include:. We tried many solutions but went with a local server, as it was the only solution that worked for every case. We added built-in function Ionic 3. Unfortunately, we cannot rewrite this path as it is something that gets resolved in native code.

In this case, migrating data to a native storage mechanism, SQLite, is suggested to make sure that the data will still be available. We strongly recommend to use the ionic-storage package which abstracts aways most of the problems with persistent storage. Most of the time, this kind of problems come from an incorrect installation of the Cordova platform:.

It looks like its a Safari bug and therefore only appears when you are debugging your webview with Safari. If it is the case, use normalizeURL to rewrite the path:. WKWebView runs in a separate process from your app. Stop by and say hello. The Forum is the best place to connect, ask a question, or help out other Ionic developers! Take a look and get coding! Our documentation covers all you need to know to get an app up and running in minutes. Need help upgrading to Ionic Framework 4.

Log in Sign up. Ionic 5 is here! Please make sure that your global CLI is using the latest 3. If not, please upgrade: npm uninstall -g ionic npm install -g ionic.I have Xamarin iOS 9. When i try deploying it on iPad and launch the App, I get a plain white screen. Please help with usage of WKWebView. I tried deploying the project given in the link below and it seem to work fine. Hi Sami, Thanks for your reply.

I copied all the bundle files into the temp directory of the App but it still shows a blank white screen. I am new to the iOS platform and not sure what I am missing. Sami, I tried the above and I still face the same issue. I also tried with the Extension Demo and still it would not load the html content. I am using XCode 7. All the bundle resource files are copied into this temp folder in the App. The app is not able to read the content from the temp path. When the browse the App, I see all the files copied into its tmp folder.

Please help. Same here This is what is so frustrating with Xamarin. So, much goodness. Then a day spent of something stupid. I have a requirement to create a app for training application and which has lot of local html pages. I am using WKWebview to load these files from local folder and the issue is I was unable to load local video from device but in I will able to in simulator.

I am able to load hosted video in device. Xamarin Inc. This site uses cookies for analytics, personalized content and ads. By continuing to browse this site, you agree to this use. Learn more. Xamarin Menu About What is Xamarin? What is Xamarin. October in Xamarin. BundlePath, true ; webView. October Thanks, Anees. GetFolderPath Environment.By using our site, you acknowledge that you have read and understand our Cookie PolicyPrivacy Policyand our Terms of Service.

The dark mode beta is finally here. Change your preferences any time. Stack Overflow for Teams is a private, secure spot for you and your coworkers to find and share information. I'm trying to get a simple JavaScript application running inside of Cordova on my iPhone. The project works perfectly fine inside the simulator but displays a strange screen when running it on my phone. As dymv mentioned, the issue is most likely that your app cannot reach localhost, since "localhost" in this context was your development computer, not the iPhone.

Can you deploy it to a hosted server solution and retest? The core benefit is that it processes JavaScript faster much faster!

Learn more. Asked 2 years, 11 months ago.

wkwebview white screen

Active 2 years, 11 months ago. Viewed 1k times. Here's my config. LandonSchropp LandonSchropp 8, 16 16 gold badges 65 65 silver badges bronze badges. If it helps, this is a link to the full repo: github. Landon, localhost looks quite suspicious. Are you sure that it is reachable from your phone? Does it not? Active Oldest Votes. Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog.

Featured on Meta. Community and Moderator guidelines for escalating issues via new responseā€¦. Feedback on Q2 Community Roadmap. Technical site integration observational experiment live on Stack Overflow.

Dark Mode Beta - help us root out low-contrast and un-converted bits. Related 0. Hot Network Questions. Question feed. Stack Overflow works best with JavaScript enabled.By using our site, you acknowledge that you have read and understand our Cookie PolicyPrivacy Policyand our Terms of Service. The dark mode beta is finally here.

Change your preferences any time. Stack Overflow for Teams is a private, secure spot for you and your coworkers to find and share information.

Uninstall all the plugins whitelist, device, dialogs, inappbroweser, network information, statysbar, splashscreen, tts, file.

Subscribe to RSS

If I comment ui-view div then index. Learn more. Asked 2 days ago. Active 2 days ago. Viewed 17 times. I have done the following steps: Uninstall all the plugins whitelist, device, dialogs, inappbroweser, network information, statysbar, splashscreen, tts, file Remove the ios platform Add the ios platform Install all the above plugins again to update them Install a new plugin cordova-plugin-wkwebview-engine Add following kines in config.

Please help me to overcome this issue. New contributor. Active Oldest Votes. Be nice, and check out our Code of Conduct. Sign up or log in Sign up using Google.

Sign up using Facebook. Sign up using Email and Password.

wkwebview white screen

Post as a guest Name. Email Required, but never shown. The Overflow Blog. Featured on Meta. Community and Moderator guidelines for escalating issues via new responseā€¦. Feedback on Q2 Community Roadmap.

Technical site integration observational experiment live on Stack Overflow. Dark Mode Beta - help us root out low-contrast and un-converted bits. Related Hot Network Questions. Question feed. Stack Overflow works best with JavaScript enabled.