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

Tips for HTML5 Apps

By Nethru Limited (www.nethru.com)

HTML5

With the help of PhoneGap, we can create our informative apps in fast and simple ways using HTML5 and CSS3 languages. PhoneGap will create a web view component to render your HTML contents in the app. But this may come out some problems for the HTML5 apps, for example, the text contents can be selected, the images can be dragged, etc. In this article, I will share some tips to prevent these things happen, so that your HTML5 apps can just look like a native app.

Read more