How to speed up the reaction to clicking links in the WebView under Android
Greetings to all Habrovchan!
I present the essence of the problem: there is an application for Android - its essence is just a wrapper around the WebView.
All functionality is rendered in PHP (on the server) and JavaScript (on the client pages).
The main goal - on the pages of a lot of buttons that the user can turn on / off, pointing at them with a finger (they at the same time just change the background color). The buttons are in the form of links, for which sizes are set in CSS, display: block, float: left, etc. (When trying to use regular buttons - <input type = "button" ... /> - the result does not change)
So, when you click on the button (link), the smartphone pauses (about 300-400 ms), then makes a short clicking sound, then highlights the button with an orange frame and removes it (frame). It all takes almost a second (maybe a little less, but it still hinders terribly). There are a lot of buttons in the window, you need to press them quickly.
Is it possible to get rid of this pause and, perhaps, the backlight effect?
')
You can, of course, make the backlight transparent, plus other shamanism:
But the time for its drawing and cleaning is still wasted! Yes, and this pause before the sound and lighting!
Standard buttons in the Android application itself are fast. But writing all Java functionality is not yet possible (due to insufficient programming experience 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 done in WebView or WebSettings, in order to reduce the drawing time of “trinkets” when you click the link on the page loaded in the component, I will be very grateful.
I present the essence of the problem: there is an application for Android - its essence is just a wrapper around the WebView.
All functionality is rendered in PHP (on the server) and JavaScript (on the client pages).
The main goal - on the pages of a lot of buttons that the user can turn on / off, pointing at them with a finger (they at the same time just change the background color). The buttons are in the form of links, for which sizes are set in CSS, display: block, float: left, etc. (When trying to use regular buttons - <input type = "button" ... /> - the result does not change)
So, when you click on the button (link), the smartphone pauses (about 300-400 ms), then makes a short clicking sound, then highlights the button with an orange frame and removes it (frame). It all takes almost a second (maybe a little less, but it still hinders terribly). There are a lot of buttons in the window, you need to press them quickly.
Is it possible to get rid of this pause and, perhaps, the backlight effect?
')
You can, of course, make the backlight transparent, plus other shamanism:
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;
}
But the time for its drawing and cleaning is still wasted! Yes, and this pause before the sound and lighting!
Standard buttons in the Android application itself are fast. But writing all Java functionality is not yet possible (due to insufficient programming experience 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 done in WebView or WebSettings, in order to reduce the drawing time of “trinkets” when you click the link on the page loaded in the component, I will be very grateful.
Source: https://habr.com/ru/post/141476/
All Articles