I have a webview which loads a webpage containing a HTML and few javascript files.
The javascript executes but, but on opening the webview I just see a blank white screen on iPad air 2(iOS 8.1.1).
Am I missing something?
P.S: The same webpage loads without any issues on an iPad 4.
Related
I am loading a webview in iOS app, which will print a screen. When loading in webview it is printing in 2 pages and when we are running in browser it is working perfectly fine by printing in one page.
Is there some css #media that can effect only iOS webview html?
I use the font "Sofia Pro" in my project. Within the display of the same phone (iPhone6 Plus), the font is displayed perfectly in Chrome and Mozillar, however appeared to be cracked in Safari. In iPhone 5S Safari, it was not as bad but blurry. It rendered fine on iPhone 4 Safari.
I had tried:
{-webkit-font-smoothing: subpixel-antialiased;} and
{text-rendering:optimizeLegibility;}
However, there's no luck.
Does anyone has an idea what this issue origins from?
The elements are animated with transform: translateY(value);
Changed translateY(value) to translate3d(value,value,value) and the rendering is smooth again.
I have a responsive website which i tried adding in uiwebview. When testing in the simulator with iphone 5 it displays the website correctly, but when displaying on iphone 6 it leaves about 20px blank.
I have trief different solutions like here; UIWebView dones't resize correctly when orientation change?
But without result.
Is there anyone who can help me on the way?
I've looked into stackoverflow and it seems that position:fixed in an iframe for iOS mobile devices has been an issue in the past but have yet to have an answer.
Here's an example I created via jsbin: http://jsbin.com/pekeca/1/
In that example, there is a parent HTML page that uses iframe which contains another HTML page (child). Here are the things to note:
When the parent HTML is viewed on any device, the navigation bar in the child HTML stays fixed. This is the intended behavior.
However, when the parent HTML is viewed on an iPhone regardless of the browser, the navigation bar in the child HTML loses its fixed position. This is a bug that only happens in iPhones.
When the child HTML page is viewed directly (i.e., not inside an iframe) in an iPhone, the navigation bar stays in a fixed position and works fine.
Has anyone figured out a workaround for position:fixed in iPhones or iOS devices?
In Chrome and Safari on iOS it seems the issue here is not the fixed position, but with the height of the iframe. From another SO answer: "Starting in version 4.2.1 of Safari iOS, and still going as of 4.3.3, the entire content of an iFrame is forcibly shown."
These other posts might help you:
iframe on iOS (iPad) content cropping issue - https://stackoverflow.com/a/10816492/1359306
iFrame and Mobile Safari (iPad/iPhone) - https://stackoverflow.com/a/19667786/1359306
I'm developing a universal iOS app for iPhone and iPad. I'm having some trouble with the splitview in the iPad app. In the detailController there's a UIWebView where I load a webpage that should autoresize(that's in the css from the webpage). In portrait it's ok, but in landscape mode, the webpage doesn't resize at all. I also checked the "Scales Page To Fit" button. But this doesn't work either! Is there a way to resize the webpage in safari manually?
Here are some screenshots:
iPad Portrait:
Landscape