Google Fonts doesn't load in random android devices when convert them to PDF via wevbiew - webview

In Webview it's filled with text but when I render pdf it become like this.
https://fonts.googleapis.com/css?family=Roboto:wght#400;500;700&display=swap
tried css2 as well but didn't get success, It come in random user device not able to reproduce in any emulator.

Related

How to fix image "failed to load resource: too many HTTP redirects" from safari on google web app

I have created a google web app that contains a form for users to fill out their details. One of the elements of the form is a image that grabs the users photo id stored in the google drive. It works perfectly fine on Chrome & Android but I'm getting nowhere with Safari & IOS.
The way it grabs the users photo is when they first open the webpage, they are prompted to enter a pin, the web app then checks a google sheet to see if its correct. If it is, it grabs the results along the corresponding row, one of these results is the google photo link. It then throws this link into the image tag. The link I'm using is https://drive.google.com/uc?export=view&id=[photo id here]. The photo displays perfectly on chrome and android but I have just tested it on safari and IOS and only the alt appears. I am getting the error Failed to load resource: too many HTTP redirects.
var LPHOTO = "https://drive.google.com/uc?export=view&id=[photo id here]"
<img id="lphoto" src=LPHOTO alt="Photo ID" width="300" height="200" >
As I mentioned earlier, when tested on Chrome or android devices the image appears instantly, but when its used on safari or IOS the image fails to load.

ios ionic webview cannot load images from redirected url

I have an ionic 4 app deployed to IOS.
It is using images from facebook in the format
http://graph.facebook.com/1015/picture
these images get translated to a CDN url like
https://scontent.xx.fbcdn.net/v/t1.0-1/c196.66.412.412/s50x50/155657_780082286681_4945783_n.jpg?oh=d0d22f7fd9ed5e60410dd7d05ae161b0&oe=5B0D1AA8
The app is able to display the user image in browser and android devices fine.
However when testing on IOS device, the image is not loaded. IOS is displaying other images fine and if I change the url to the CDN url, it works too.
However, is there a method to do this dynamically by letting ios know that it can use the redirected image.
Alternatively im looking forward to a suggestion if I can first find the redirect url in angular and then put that cdn url value in the src. Just can't seem to find a good way of doing this translation.

IPhone browser keep Error on specific website

I have a website for people to post photo and apply lipstick to that photo. Everything works perfectly at desktop and android. but when using iphone 6 to test, after I post the photo, it will display error on iphone browsers(both Safari and chrome). if I refreshed that page, the result will come out. Any idea about this weird behaviour? What can cause iphone browsers to fail displaying a webpage?
(I've tried all solution i found, like turn javascript off and on, turn off speech and reset datetime)
Safari(A Problem Occurred with this Webpage so it was Reloaded, after reload the result is shown). Chrome(Aw Snap!)
Usually that error (at least in Safari) happens when the webpage takes a long time to load.
Chrome offers this solution for its browser.

iOS Safari file input [Take Photo] capture = Pano

On iOS Safari, and clicking to input a file with accept image/*, I get the [Take Photo] option. When I touch that I'd like the option for Pano, to be available, but it's not.
Basically I created a demo where you can upload an iOS Pano and vie it in 360. Works great, but the user has to upload a previously shot Pano, and not take one realtime.
Was hoping something like capture="pano" or accept="image/*;capture=pano" as the file input's attribute, would do the trick.
Anyone know a way this could be done, or do I need to do a dev request at Apple?

Adobe AIR: Load data asynchronously from iFrame (iOS-p

We have an Adobe AIR Mobile-Application that displays a webpage (let's call it run.html), which contains an iFrame. The run.html-page is a local page and is located in the application storage directory.
After loading run.html, the src-Attribute of the iFrame is set to a value, which makes the iFrame load another page (let's call it content.html), which is located in the same folder as run.html
content.html now tries to asynchronously load a JSON-file via Javascript, which works well on Android devices, but on iOS devices this does not seem to work.
This is strange since we assumed that the pages are rendered by AIR and should follow the same policies regardless of the device.
So why does it work in Android, but not on iOS? And why doesn't it work on iOS?
We have spent countless hours to no avail, so we would be really thankful for any support on this...

Resources