Transition event in MIUI systems

By Nethru Limited (www.nethru.com)

xiaomi logo

Recently fixed a bug related to the abnormal behaviour for transition event in MIUI systems. Let’s see the following code.

$("#mypage").one('webkitTransitionEnd', function() {
   // do something after transition event ends
});

This code works without any problems in most of the Android devices. But when I try this in the devices using MIUI, this code does not execute. After searching on Google and testing, I found that webkitTransitionEnd is not supported in MIUI devices, instead it uses transitionend event. So I changed the script to the following and it works.

$("#mypage").one('webkitTransitionEnd transitionend', function() {
   // do something after transition event ends
});

Remote Debugging Web Apps on Android

By Nethru Limited (www.nethru.com)

Developers

Starting from Android 4.4, Android introduced a new debugging tool for developers to remotely debug their web apps with Chrome Developer Tools.

In this article, I will give an introduction on how to start using Chrome Developer Tools for debugging. If you are an advanced user already, please visit the official pages for more information. (https://developers.google.com/chrome-developer-tools/)

If you don’t have a device running Android 4.4 or higher, you can debug your JavaScript using the console JavaScript APIs and view the output messages to logcat, but this is not our main focus in this article.

Read more