Ive been reading into App optimisation and have come across the GPU overdraw functionality embedded in the Developer menu in Android.
There are some great articles here that I have read
http://cyrilmottier.com/2013/01/23/android-app-launching-made-gorgeous/
http://www.curious-creature.com/docs/android-performance-case-study-1.html
The issue here is within my Ionic App it does not show any overdraw. I am interested to see if I can make any optimisations or changes to my App and see how it performs.
Does anyone have any information on whether you can get overdraw to show, or if there is even a point in doing so?
Related
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.
I found scrolling performance on Chrome Android is so terrible. If you slide down the page with your finger not leaving the screen to perform a scroll action you'll notice obvious stutters/jitters (even if no dom has changed). Removing all relevant event listeners doesn't make a difference. So I tried to capture a performance record to figure out the problem but found nothing useful.
You can see in the following screenshot, "Others" cost so much time. I've googled for a long time to find what does that "Others" mean in the Summary tab but failed to find any information about it. Those "Others" almost occupied the whole timeline, but I don't know if it's related to those stutters. I tried to open the same webpage in an app's webview (don't know which Chrome version it uses) and did not find any stutters.
Example screenshot
Chrome Version: 61(stable)/64(dev and Canary)
Android Version: 8.0
Device: Google Pixel
I am periodically seeing this message appear in my LogCat. I've cannot find much information on what it means. Can anyone provide an explanation? I've also searched for the tag in my code but cannot find it.
My application contains a WebView that displays a catalogue of images but does not scroll smoothly. (It does in the Chrome app). I have tried various different combinations of hardware acceleration and cache modes. I have settled on: WebSettings.LOAD_CACHE_ELSE_NETWORK and the default Application level acceleration, but this is far from perfect performance at the moment. The error seems to sometimes appear when the WebView sticks but I don't know if that is the cause.
While developing an app wich uses phonegap, angular touch and jquery we stumble in this bug on some android devices.
When touch and move over an non scrollable object the screen goes blank.
When scrooling the body the screen comes back to life.
All the elements stays in dom and still firing events and so.
When using developer tools we still can see the elements.
http://youtu.be/NdTerKi08WE
Has any one saw this bug before?
EDIT
Im using phongegap build so i dont have access to java files.
This problem is only on Android 5 phones.
EDIT 2
Same problem on device chrome browser so its probably not an phone gap problem.
The problem was an issue regard to rtl in the new chromium.
The workaround is to add the "rtl" to css on document ready.
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.