Web App seems to trigger mobile device colour temperature differently? - android

I have a very strange problem with my web app seemingly triggering a colour adjustment from the android device - normally colours are fairly vibrant, in the same Chromium based browser for other pages, but once switched to my web app, the screen's colour temperature turns cool, and saturation seems to be toned down, resulting in a dull grey looking page.
Other pages within my web app doesn't seem to trigger this colour profile change.
I cannot think of what possibly might be causing this. Is this solely something done by the device, and not possibly controlled by me, or is there something that can be done for the front-end code? This is a web app, and not a native app, so I can't access android APIs.

Is it possibly the mobile view of the website? I've seen websites have a poorly optimized mobile view, causing similar issues.

Related

How to make app UI to work 100% same on all devices?

How to make sure that my App's popup or text appears exactly how I intended it to appear in all screen sizes? I want the aspect ratio of the popup to appear same and all the text that appears at the time of designing the popup to be same in all the devices.
Imagine an image who's size and content will be same across devices. But for some reason I can not use image here, the requirement is to use popup with text and butto. I dont want any screen to cut the popup or make the text of the popup disappear or turn to crap.
I can not do testing with one device at a time as I read on a site that there are over 10,000 android devices :|
Is there anyway or any tool part of Android Studio which can like quickly draw outlines of all the phones screen sizes to help me understand what aspect ratio is right for my popup?
Im a noob so my question may not make sense to you so please bear with me.
Unfortunately it's going to be nearly impossible to get things to appear 100% the same across all devices and browsers – Android runs on all sorts of devices and there are probably hundreds or thousands of different possible screen sizes, in addition to browser and operating system quirks. Start with identifying specific devices and screen sizes you wish to support. See Android's screen compatibility overview for some good information on this topic.
If possible look at user analytics to narrow down the most common devices, operating system versions, and browsers, then test against those.

Android WebView content layout different in Samsung's easy mode

I have a problem with Samsung's "Easy Mode".
Our C# application is developed using Android.Webkit.WebViewClient where we call some Web pages (HTML / CSS / JS) as a user interface. All views respond to all types of different devices. Also, all views work as expected running in "normal mode".
As soon as you activate the "Easy Mode" of Samsung devices, the webview appears to change the fontfactor and other important layout rules. Due to complicated controls but limited screen space, we are now forced to ensure that our views are not affected by easy mode or alternatively are resized to their optimal state.
I've already tried some viewport settings on the pages and some properties on the webview instance but nothing seems to work.
Does anyone have any idea how to force deactivation or how to detect and react on easy mode using web technologies or the webview instance?
I am definitely grateful for any help or advice!
Thanks!

How to add padding to the android screen?

I want to add black padding (a thick black border) to the android screen such that every app is displayed with the padding around it. I know how to do this for my app but how do I do this such that when my app is running in background the display is padded?
I don't believe this is possible unless you're willing to create and run a custom ROM.
Thankfully, this is not possible for the average non-ROM third party Android developer.
The screen on mobile devices is actually very limited, and when programming for the mobile environment, you have to learn to get away from the windows metaphor used by traditional desktop PCs.
On the other hand, may be your app could pretend it is running in the background, but still stay in the foreground with its transparency enabled. And perhaps if you can't do something, may be you can find a way to fake that something for your users.
Also, note that the default home launcher is capable of doing something similar to what you want, but only for widgets. And if being able to run widgets is sufficient for you, perhaps you could write your own launcher application that can embed widgets.

Stop rotate on mobile device

This question has been asked many times on stackoverflow, but each time the correct answer was not working or not the correct one.
I am reopening this question, due to it's importance for mobile web device programmers.
I want to be able to stop rotation on a WEB SITE on a browser on one of the following OS: IOS and/or Android device or at least to modify the rotation to last landscape at least. So only landscape is permitted as a rotation.
I have tried many related questions with no solution:
Blocking device rotation on mobile web pages
Jquery mobile device rotation shrinks the screen
Any idea is welcome, thank you.
p.s.
#CommonsWare is right, you shouldn't just block the user from being able to rotate their device however they want. In fact, that's what makes mobile web apps so versatile. They encompass the principals of responsive design.
I know this isn't the answer you're really looking for but if you insist on doing so, take a look here: Block mobile web rotation with javascript.
I'm not sure but I'm guessing that still won't work simply because a web app isn't native to whatever device you're viewing it on and the app you're actually in is a browser eg Chrome, Safari, ect and those are almost certainly going to have different orientations enabled regardless of what your web app is doing.

How to keep a mobile device from switching off its display when showing a HTML page

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)

Categories

Resources