Thursday, April 27, 2017

Top 8 Add-ons of Mozilla Firefox and Chrome for Developers

These are important addons for firefox and chrome.


Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Features:
* Inspect HTML and modify style and layout in real-time
* Use the most advanced JavaScript debugger available for any browser
* Accurately analyze network usage and performance
* Extend Firebug and add features to make Firebug even more powerful
* Get the information you need to get it done with Firebug.

2. YSlow
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is available for Firefox as an add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page’s performance, summarizes the page’s components, displays statistics about the page. Features:
* Grades web page based on one of three predefined ruleset or a user-defined ruleset;
* It offers suggestions for improving the page’s performance;
* Summarizes the page’s components;
* Displays statistics about the page;
* Provides tools for performance analysis, including Smush.it™ and JSLint.

Nimbus Screenshot supports horizontal scrolling. The editor interface allows editing objects even after you add them to the screenshot (and this feature is totally unique)!
Good alternative to TechSmith Snagit extension or Awesome Screenshot.
Features:
* Capture the whole web page or a required section of it;
* Capture the whole browser window (!);
* Create your own drawing or model from scratch (!);
* Paste different patterns and text boxes to your screenshot;
* Resize and crop your screenshot;
* Add arrows and stickers to your screenshot (!);
* Save screenshots in any of the following formats: JPG, PNG, BMP;
* Save screenshots to Google Drive.

SQL Inject Me is the Exploit-Me tool used to test for SQL Injection vulnerabilities.
The tool works by submitting your HTML forms and substituting the form value with strings that are representative of an SQL Injection attack.
The tool works by sending database escape strings through the form fields. It then looks for database error messages that are output into the rendered HTML of the page.
The tool does not attempting to compromise the security of the given system. It looks for possible entry points for an attack against the system. There is no port scanning, packet sniffing, password hacking or firewall attacks done by the tool.
You can think of the work done by the tool as the same as the QA testers for the site manually entering all of these strings into the form fields.

RESTClient supports all HTTP methods RFC2616 (HTTP/1.1) and RFC2518 (WebDAV). You can construct custom HTTP request (custom method with resources URI and HTTP request Body) to directly test requests against a server.

Very simple and similar in function to Internet Explorer's color picker. Useful for finding the exact color code (RGB or Hex) of any pixel displayed on any webpage. Click on the colorPicker icon and then place your mouse over any pixel in the browser. The panel will display the color of the pixel currently under the mouse icon as well as both the RGB and Hex code of that color. Press escape to copy the CSS and HTML ready RGB or Hex code to your clipboard (select which type from the panel). There is no trust required like other complicated color tools - the source is all javascript and simple to read!

7:Screengrab
Original Screengrab! add-on by Andy M for Mozilla Firefox is abandoned March 21, 2010:
https://addons.mozilla.org/firefox/addon/screengrab/

Screengrab! saves entire webpages as images. Just right-click on the page you want to grab and look in the "Screengrab" menu.
It will capture what you can see in the window, the entire page, just a selection, a particular frame... basically it saves webpages as images - either to a file, or to the clipboard, or upload to internet.

Screengrab! for Google Chrome:
https://chrome.google.com/webstore/detail/screengrab/fccdiabakoglkihagkjmaomipdeegbpk
 
Adds a menu and a toolbar with various web developer tools.The Web Developer extension adds various web developer tools to the browser. 
 

No comments:

Post a Comment