I have a Progressive Web App which is capable of being added to home screen. When the home screen icon is tapped (on mobile) there is a (kind of) welcome page with icon that appears before opening the actual app.
I have set the background colour of that welcome screen to be blue in menifest.json. I need to make it brown. I have modified the menifest.json file and updated the website. But the mobile seems to have cached it permanently and it is still showing blue.
I have refreshed page many times and added the web app to home screen multiple times. But it is never changing.
I have also changed the cache name in service-worker.js. Yet no luck!
Plug in your device
visit chrome://inspect
Inspect the device / tab you are looking at for your site
In DevTools go to Network tab
Select 'Disable Cache'
Refresh your web app
Then try adding to homescreen
If you get the correct color it's a good indicator that your previous manifest was cached and you should consider a caching strategy, either file re-visioning the manifest.json file (i.e. manifest.12345.json) OR set appropriate headers.
One thing to note: on Android there is no way to update the icon / manifest details once it's added to homescreen - this is a known issue / bug.
Related
In application I need to Blur content when it goes to the 'recents' and also to make screenshot when user work with the app (this is optional, but high needed feature).
I see a few questions (question 1, question 2 ) and answers about this - but none of them are work!
But users dont't bring me - one of them send my screenshot from his phone (Oneplus with Android 13) - when all secure apps hide its content with this screen and blur screenshot of app -
Does anyone know - what is it? Can it be some system GUI part of Oneplus? Or maybe at this moment there is some lib, that CAN hide content? Or maybe something else?
Also Same apps on another devices with same Android OS version doesn't hide content.
So, I have 2 questions -
How to not only hide (with white screen as default), but also BLUR content when the app goes to the recents?
Can solution on screenshot be specific part of phone GUI?
developer.chrome.com/apps/getstarted_arc#bestpractices
The ARC allows you to execute native android apps through the chrome browser by wrapping a chrome app around it.(As far as I can tell)
I am re-factoring an Android app to work well on Chrome. The first thing I need to do is to make the back arrow enabled at all times on the top left as shown below.
This is the program that allows Native android apps to run through chrome. I think the answer to my question lies somewhere in "Additional Metadata", or in the source code?
Add {"disableAutoBackButton": "true"} to the metadata. That will enable the back button within an activity. I've found that with my app that has multiple activities, though, it doesn't work to return to my main activity from my settings activity. It could be that I'm doing something wrong with the way I'm handling activities, I guess, but it works on all physical devices.
{"sleepOnBlur":false,"disableAutoBackButton":true}
please supply the above metadata before you download the zip or launch app from the arc welder
the first param prevents excessive pause/resume and also supposed to fix short black screen flash occurring occassionally in some of the apps.
the second params adds persistance back button on top left hence helping to avoid extra code required because of absence of back button in some screens(mostly the first screen)
I'm building a website in WordPress and have bought the following theme: http://my.studiopress.com/themes/sixteen-nine/#demo-full .
This is currently my site
http://jiri.tourdog.nl/
When viewed on a mobile device, one is supposed to see a menu icon that one can click on to reveal a drop-down. When I visit the original theme-demo on my mobile device the icon shows like it's supposed to. However, when I check my own site I can't see the icon (although the part is press-able and shows the drop-down). On my laptop I can resize my screen and it'll also show.
So this leads me to believe this is not a WordPress issue nor is it an issue inside the theme (the css is exactly the same as the demo).
What could it be?
Summary: Icon doesn't show on my mobile device, does show on desktop, and am also able to see the original theme demo's icon on my mobile device.
is it possible to tell a mobile browser, that as long as a certain HTML page is displayed, the device should not turn off its screen?
I want to build something like Project Blinkenlights, but every participant brings his/her own pixel. To set each display to a certain color at a given point in time is managable, just let each one open a website that shows a blank page and changes the background to color the screen. I'd use JavaScript to link the devices and have them log into a control server. But having the pixels wink out because the devices go to sleep would somehow break the concept.
A dedicated app would be overkill, and not every passing onlooker would install an app anyway (at least I wouldn't).
Thanks in advance!
I'm pretty sure you can't do that without bundle your webview inside an app. And whatever is the OS. It's all about protecting the user (and his device battery)
I am currently working on an application in-which I need to take the screenshot of the homepage and also is it possible to get the exact location and count of the user's homepage widgets. i.e how many widgets are placed on user home page and whats there location or position on screen. X axis and Y axis coordinates etc.
For taking screenshots; Yes, it's possible, using the SDK, and the DDMS utility. Example here: http://www.youtube.com/watch?v=n3h1EYExu7c
For widgets on home-screen, not AFAIK. A problem that immediately arises is; what if the user have switched to other 3d-party HOME-screen with different widget-model? (For example, not grid-aligned, rendered on 3d surfaces or whatnot)
To avoid you going to youtube, I'm posting the content here:
Want to take a screenshot, but don't want to root your phone? Here is
how:
1) Install the Android SDK
2) Enable USB debugging on your device
3) Run DDMS from the tools directory
4) Select your phone from the list
5) Go in the menu, select Device, and then Screen capture. Whalah.