Mobile-developed pit "continuously updated ..."

Now everyone is basically using a smart phone, seemingly mobile phone browser is also relatively advanced, but also basically webkit kernel, at first blush, as if to see the hope ... However, the mobile side of the pit is not less than IE, and because debugging is not as convenient as the PC, seemingly more difficult ...

Briefly summarize a few of their own in the usual development encountered relatively shallow pits, first pre-preheating.

An Android phone overlay area highlighting: This is the name of the person I see on the Internet, the performance is a click when a shadow, the function of no obstruction, is not good-looking;

Solution: {-webkit-tap-highlight-color:rgba (0,0,0,0)};

The second part of the browser does not automatically play audio: This part seems to be alluding to the Apple device (stealing laughter ...). , no way, others are user experience good, afraid you harass users;

Solution: You can capture any action of the user, and then manually trigger the media playback events;

Three-part browser does not support local scrolling: scrolling events on the mobile side have always felt so difficult ah ...

Solution: 1 Use the layout, set the body to scroll, other elements misplaced display; I'm so embarrassed ... ）

2 use of third-party iscroll, this is my usual solution;

Four weird input hover box: the input box of the test Type=password type will have an additional input box hovering next to the original input;

Solution: Use the Type=text input box instead of the password type, and then set the style {-webkit-text-security:disc;} Hide input password;

(discover that the wisdom of Man is infinite.)

Temporarily on these, mobile project although has been doing, wading is not so deep, so temporarily did not fall into which abyss ... Sincerely thank the previous pits predecessors!

Mobile-developed pit "continuously updated ..."