Best chrome extension for developer 2020 #14

JSONView:

When working with Restful APIs, reading raw JSON data in a browser can be devastating.  It’s better to read JSON in a tree-view.  JSONView helps us view JSON documents in the browser. 

CSSViewer:

CSSViewer is a simple tool that tells us an element of CSS properties on a page just by hovering over it.

 

HTML Validator adds HTML validation inside Chrome’s Developer Tools.  It works by inspecting a website’s mark-up and highlights the errors and violations found.

IE Tab:

Have to do manual Internet Explorer testing and don’ t want to install different IE versions?  This convenient tool emulates IE by using the IE rendering engine directly in Chrome.  We can test for IE6, IE7, IE8 or IE9 directly in our chrome browsers. 

IE Compatibility Mode

© IE 7 Standards Mode

©IE 8 Standard Mode

©IE 8 Forced Standards Mode

©IE 9 Standards Mode

© IE 9 Forced Standards Mode! 

©IE 10Standards Mode is

©IE 10 Forced Standards Mode

©IE 11 standard Edge Mode U

©IE 11 Forced Edge Mode

Full Stand Optimization Live Test:

This is a sandboxes, extendable Web page Testing Framework.  It allows devs to test all pages on predefined best practices such as SEO or detailed web performance.

Window Re-sizer for Developer:

This extension re-sizes our browser’s window in order to mimic various resolutions.  We can set the window’s width / height, the window’s position, and the per-set icon (phone, tablet, laptop, desktop).

Page Ruler:

This handy tool enables us to draw a ruler on the screen in order to get pixel dimensions, positioning, and measurements on the screen on the web page.

Check My Links:

This helps us validate the links on a web page.  It works by crawling through the page and testing out links to identify which ones are valid and which ones are broken

In Summary

JSONView – https: / / GitHub.  com / dildos – legume / OpenView – for – Chrome

CSSViewer – https: / / GitHub.  com / milled / CSSViewer

HTML Validator – http: / / users.  Sky net.  bee / mgueury / Mozilla

IE Tab – https: / / WWW.  ietdb.  net

Full Stock Optimization Live Test – https: / / GitHub.  com / fronzenzenhofer / f19n – obtrusive – Live Test

Window Re-sizer for Developer – https: / / coolx1O.  Com / window – Re sizer

Page Ruler – https: / / pggeruler. 


Comments

Popular posts from this blog

Hacker Directory #49

Programmer Know about following concept #21

You are Founder of Software company #20