Follow the below steps to set the preset value for responsive design testing on mobile devices i) Go to the address bar in firefox and type "about.config" ii) You will get a warning message stating "This might void your warranty ... Changing these advanced settings can be harmful to the stability .....". Click the button "I'll be careful, I promise!' iii) In the search bar, type "presets" and look through the filter values for "devtools.responsiveUI.presets". Double click on the preference name "devtools.responsiveUI.presets" and enter the values [{"key":"320x480","name":"iPhone 3g/3gs","width":320,"height":480},{"key":"360x640","name":"Nokia E7, n90","width":360,"height":640},{"key":"640x960","name":"iPhone4/4s","width":640,"height":960},{"key":"640x1136","name":"iPhone5/5c/5s","width":640,"height":1136},{"key":"768x1024","name":"ipad1/2","width":768,"height":1024},{"key":"800x480","name":"Android-WVGA","width":800,"height":480},{"key":"800x1280","name":"KindleFireHD8.9","width":800,"height":1280},{"key":"2048x1536","name":"Retina display","width":2048,"height":1536},{"key":"600x800","name":"KindleFire/Galaxy/Nexus","width":600,"height":800}] Once the values are entered, you can open a new instance of the browser and click ctrl + shift + m to open up the responsive web view

Firefox is one of the best tool available for web developers which equips the developer with code testing and debugging capabilities. There are many useful firefox options and extensions that comes in handy during software development life cycle and in this article we will be listing few of useful plugins that we commonly use. To find information related to the page that is getting displayed on the browser click Tools > Page info. This will give you permission settings of a page, security identity of the page, feed url and other page specific information like page content-type, encoding, meta tags used, cookie permission settings etc. Web Developer extension Added as a toolbar in firefox, this extension gives CSS related information, page information, outlines page elements, tab index, gives topographic information and many such details. (more…)

What is meant by Memory leak? Memory leakage refers to obtrusive memory handling techniques adopted in programs which leads to increased load time and poor performance. Various scenarios can cause memory leaks which can range from unhandled memory garbage to cyclic references to error in code logic. One best suggestion given in the javascript forums to overcome this problem is to nullify the element once its usage is over. (more…)