From some online tools such functions, in fact there are tools already available in Firefox browser. But perhaps some of these features are often overlooked when often used to using online tools. By using the following features we did not need to use online tools, but can utilize the tools of Firefox even in offline status.
All of these existing tools in Firefox browser via the Tools menu and submenu Web Developer.
Inspector (Ctrl + Shift + C)
Just as the page source (Ctrl + U), the inspector we can see the structure of a website html. It's can also highlight certain areas using html. Hover your mouse over certain parts of html in the inspector, and the browser will automatically highlight areas that use the html.
Style Editor (Shift + F7)
Style Editor to view the css code that is used on the current page on a website.
Network (Ctrl + Shift + Q)
Its function is to look at the performance of a blog, including the size of the blog, test website loading time, and cache. In fact, we can also check javascript or css file that is run by a blog, how large the file size and how long it takes for loading each of these files. We can only use it when connected to the internet.
Eyedropper
It's function is to view the HTML color code of any color that is on the Firefox browser. Much like when using the eyedropper in Photoshop. Just hover over a particular color and click to copy colors.
Scratchpad (Shift + F4)
Could be the media to write or open the javascript code and run it.
Responsive Design View (Ctrl + Shift + M)
For test whether a website has responsive design. With this tool can be used as an alternative for checking responsive website or blog using online tools. By using this firefox offline tools, check the responsive design faster because there is no loading.
