I am facing UX issue when the user locks device on the product listing page then returns to browsing a search page. It opens the search bar by default.
This is ReactJs base project and this only appears on Android mobile using chrome browser.
Found the after investigation and this issue already exists in Mobify.
https://www.merlinspotions.com/
Thanks.
Related
I've found some similar questions but none that address my particular use case, I have a PWA written in Angular that displays a menu with external links. For example I might open the PWA and see a menu with an icon for Stackoverflow, Github and Reddit. When I open these links they open in a knowdown version of the browser I am using and for some users in a seperate browser instance altogether.
Would it be possible to hide the URL bar at the top of the screen? My goal is to hide the URL from the user if possible. Before I was using an Android app that was just a webview and that worked great but turned out to be impractical for the use case.
A solution that involves whitelisting domains will not work as I do not know which domains will appear on the links menu.
I have a responsive webApp which is accessible from both Web Browser and Mobile browser. I want to hide the address bar once the application loads and this will continue in every other page of the application so that it feels like an APP. Can it be achieved through Javascript?
Well if you are planning to add some extra config in your responsive web app, then you can do it. Take a look at Progressive Web App. In this type user have the option to "Add to homescreen" for any mobile device. Then the address bar will be hidden for this kind of app.
The main thing you have to add in the Manifest.
Hope this helps.
If by 'address bar' you mean the top bar where you enter the website url, then no: you cannot modify the appearance of the browser just by javascript.
You used to be able to open a window without the address bar through javascript, but for security reasons that is no longer possible as users should be able to see on what domain they're on.
Most mobile browsers already have this kind of behaviour by the way, where they hide the address bar once you're scrolling the web page...
You can set your website in full screen mode using this method your address bar will hide automatically.
You can set browser as full width using JQuery OR Meta Tags, Please refer this link.
It will help you.
Thanks
There is a web application (basically a web page coming from the server), which was developed for a client using MS Surface tablets, which were running Windows RT.
When there was a shortcut (tile) pinned to the start screen of the tablet and client run it from there, it looked like any other metro app - no address bar until user dragged edge up or down.
The client started using Windows 8.1 with IE 11. Now, when the user interacts with web page or javascript shows/hides something, address bar pops up from the bottom edge and hides some content.
Is there any way to make this page not to show this address bar popup?
All the application is on one page and there is even no ajax requests during the typical use. It is not possible to reconfigure all the user's existing and future tablets. So it has to be done using js or HTML.
Try Calling the App Main Page with menubar, toolbar, location, directories and status excluded from the Default page.
From Default.html
window.open('YourAppMainPage.html','_blank',
'resizable=no,menubar=no,toolbar=no,location=no,directories=no,status=no');
I have a Web Desktop Bookmarking site and I want users to be able to drag and drop the Site Icon from the browser bar to my JavaScript App in another tab. This works nicely in Chrome (if you try), but I'm not sure what the code is to accept the drop event and read the url from the link dropped in.
A quick look at my site would give an idea how this added functionality would be a useful feature. Booky: Your Personal Bookmark Web Desktop
How do I do that?
On a webpage viewed on an iOS device I would like to use JavaScript to detect if the address bar is currently showing. Or if I could detect if the page was launched from the home screen or not.
The main goal I have is to add instructions how to add to the home screen if they didn't launch the page from there then hide the instructions otherwise.
I found the answer you can check against "window.navigator.standalone" for iOS to see if the user has the app loaded in full screen mode.
More info here.