my web site Open new tabs for some pages. i convert it to flutter web view. android all are working perfect but in ios new tab pages not loading
In ionic 3 Ion-Tabs are not properly working When personal hotspot is connected
in ios devices only icon click is working not title click
Thanks in advance.
I am working on iPhone app using Phonegap.
I have used in app browser functionality in my app. Though it works fine but gives following issue.
I have used.
window.open('http://www.yahoo.com','_blank','location=yes');
Issue is:
when I click to open webpage in app browser with Done at the bottom, it opens the webpage successfully, when I click Done and go back a black bar appears at the bottom of the screen that grows each time I use in app browser.
How to fix this issue?
Is it possible to hide (completely remove, not change the styling) the iOS Safari status bar in a homescreen web app?
When you browse a webpage in Safari in a landscape mode the status bar disappears together with the rest of the browser chrome after starting to scroll.
The web app that I'm adding to the homescreen if fitted to the size of the display so is no scrollable.
After setting:
<meta content='initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<meta content='yes' name='apple-mobile-web-app-capable'>
<meta content='white-translucent' name='apple-mobile-web-app-status-bar-style'>
All the browser chrome is gone, but the status bar information is still overlaid over the top of the page regardles of the screen orientation. Is it possible to hide it?
There is no direct method for this (see: similar question) but... this link seems promising:
Everything Hybrid Web Apps Need to Know About the Status Bar in iOS7
The summary of the link is as below:
Key Comments (at link):
When viewing sites in Safari you do not have the ability to customize
the status bar in any way. Previous versions of iOS offered the
ability to view sites in full screen mode, but that was removed in
iOS7, see
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review.
Key Notes (in link):
StatusBar Cordova Plugin
With iOS7 Apple introduced some native Objective C APIs to control the
status bar. Because of Cordova, we have the ability to bridge these
native APIs directly into JavaScript APIs.
Luckily for us #shazron has already done this with the StatusBar plugin.
After adding the plugin to your application, you are given a StatusBar
object with a number of methods to manipulate the status bar in
JavaScript directly.
...
You can hide the status bar using StatusBar.hide(), or even change its
background color with StatusBar.backgroundColorByName() or
StatusBar.backgroundColorByHexString().
For example, the following sets the status bar to green.
<script>
document.addEventListener('deviceready', function() {
StatusBar.overlaysWebView(false);
StatusBar.backgroundColorByName('green');
}, false);
</script>
...
Outstanding Issues
While the web has come up with workarounds for most of the iOS7 status
bar issues, there are still a few that remain unresolved.
The status bar still overlays content displayed in a cordova InAppBrowser.
There is no known workaround, but a fix is slated for cordova 3.2.
The StatusBar plugin does not work in apps that lock the device into landscape mode.
Key Critic Comment (at link):
These solutions seem to be working only for Phonegap applications, for
us who don't use this and simply wrap our apps in a webview it seems
the only easy solution is to set the webview's top property to 20
instead of zero and that takes care of the issue at hand.
I want do build an webclip browser app. I will display all my webclips in to a scroll view when the user taps on one I want to add that web clip to the iPhone.
How to I tell to the iOS to install that webclip from my app?
Any docs, example, tutorials are welcome.
If by webclip you mean adding a link to a web address to the home screen then you can't do that programatically.
I think only Safari can do this so you would have to open the destination webpage in Safari and instruct the user how to add it to the home screen.
See this for a discussion on the feature. Javascript for "Add to Home Screen" on iPhone?