April 16, 2012 at 11:07How to speed up the reaction to clicking links in WebView for Android
Greetings to all Khabrovsk citizens!
I state the essence of the problem: there is an application on Android - its essence is just a wrapper around WebView.
All the functionality is rendered in PHP (on the server) and JavaScript (on the client pages).
The main goal - there are many buttons on the pages that the user can turn on / off by poking a finger in them (they just change the background color). The buttons are made in the form of links for which dimensions are specified in CSS, display: block, float: left, etc. (When trying to use regular buttons -- the result does not change)
So, when you click on the button (link), the smartphone pauses (somewhere 300-400 ms), then it makes a short clicking sound, then the button lights up with an orange frame and removes it (frame). All this takes almost a second (maybe a little less, but still it terribly interferes). There are many buttons in the window, you need to click them quickly.
Is it possible to get rid of this pause and, possibly, the backlight effect?
You can, of course, make the backlight transparent, plus other shamanism: But time is still spent on drawing and removing it! Yes, and this pause before the sound and backlight!
The standard buttons in the Android application itself are fast. But writing all the functionality in Java is still unrealistic (due to insufficient experience in programming in Java). But in JavaScript + PHP + MySQL I write freely and anything. Therefore, such a path was chosen.
In general, if anyone knows what needs to be twisted in WebView or WebSettings, in order to reduce the time for rendering “fintelles” when clicking a link on a page loaded into a component, I will be very grateful.
I state the essence of the problem: there is an application on Android - its essence is just a wrapper around WebView.
All the functionality is rendered in PHP (on the server) and JavaScript (on the client pages).
The main goal - there are many buttons on the pages that the user can turn on / off by poking a finger in them (they just change the background color). The buttons are made in the form of links for which dimensions are specified in CSS, display: block, float: left, etc. (When trying to use regular buttons -- the result does not change)
So, when you click on the button (link), the smartphone pauses (somewhere 300-400 ms), then it makes a short clicking sound, then the button lights up with an orange frame and removes it (frame). All this takes almost a second (maybe a little less, but still it terribly interferes). There are many buttons in the window, you need to click them quickly.
Is it possible to get rid of this pause and, possibly, the backlight effect?
You can, of course, make the backlight transparent, plus other shamanism: But time is still spent on drawing and removing it! Yes, and this pause before the sound and backlight!
a, a:hover, input, textarea {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-user-select: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-user-select: none;
}
The standard buttons in the Android application itself are fast. But writing all the functionality in Java is still unrealistic (due to insufficient experience in programming in Java). But in JavaScript + PHP + MySQL I write freely and anything. Therefore, such a path was chosen.
In general, if anyone knows what needs to be twisted in WebView or WebSettings, in order to reduce the time for rendering “fintelles” when clicking a link on a page loaded into a component, I will be very grateful.