开发人员需要知道的 15 个Chrome扩展助手

jopen 10年前

1. Web Developer

The web developer extension for Chrome adds a little toolbar with different tools available.

web developer chrome extension

Link: Web developer extension.

2. Responsive Web Design Tester

The Responsive Web Design Tester is a great extension for getting a quick look how your website behaves in different browsers and devices.

responsive web design testing with chrome extension

Link: Responsive Web Design Tester

3. Window Resizer

The Window Resizer extension lets you resize your browser window on the fly. Clicking on the icon in the menu bar produces a drop down menu of window sizes which you can customize.

window resizer chrome extension

Link: Window Resizer

4. ColorPick Eyedropper

ColorPick Eyedropper is a simple color picker tool that allows you to select color values from any web page.

color picker chrome extension

Link: ColorPick Eyedropper

5. CSSViewer

CSSViewer is a simple CSS property viewer. It provides a floating panel that reports on the identity of the section that the mouse is over, along with its font, text, color, background, box, positioning and effects attributes. CSSViewer provided the basic CSS information you need quickly.

css viewer chrome extension

Link: CSS Viewer

6. Lorem Ipsum generator

The lorem ipsum generator does what it’s name states. It provides an easy and quick way to create default text. Definitely a quick win if you need some default text as a placeholder.

lorem ipsum chrome extension

Link: Lorem Ipsum Generator

7. Ghostery

Ghostery is a great chrome extension which detects trackers, pixels, and any other embedded snippet on a website. You immediately see which plugins and trackers are installed on the web page you’ve visited. Further on, Ghostery lets you protect your privacy. There’s no registration or sign up required to use this Chrome extension.

ghostery chrome extension

Link: Ghostery

8. Wappalyzer

Similar to Ghostery, the Wappalyzer Chrome extension lets you identify software that is installed on any particular website. It uncovers technologies and. content management system, eCommerce platforms, web servers, JavaScript frameworks and installed analytics tools.

wappalyzer chrome extension

Link: Wappalyzer

9. Usersnap

The Usersnap Chrome extension lets you capture and annotate any web page directly in your browser. It’s super-easy to provide feedback on prototypes or report bugs with this Chrome extension. And all created screenshots are directly stored in your project dashboard.

usersnap chrome extensions

Link: Usersnap

10. IE Tab

In need to do some manual IE testing and don’t want to install all kind of different Internet Explorer versions? Check out the IE Tab extension for Chrome which emulates IE by using the IE rendering engine directly in Chrome. You can test your website for IE6, IE7, IE8 or IE9 directly in your chrome browser.

Unfortunately, the IE Tab Chrome extension is only available for Windows at the moment.

ie tab chrome extension

Link: IE Tab

11. Site Spider

If you need to find broken links on your site and want to restrict spidering to a specific directory you need Site Spider.

site spider chrome extension

Link: Site Spider

12. Session Manager

When you’re working on the web, browser tabs management is a great skill. Session Manager saves your browsing state and lets you re-open the session later. It is particularly useful if you find yourself opening the same web pages over and over.

session manager chrome extension

Link: Session Manager

13. Clear Cache

This extremely useful extension allows you to clear your cache from the toolbar. It works “behind-the-scenes” meaning there are no popups or confirmation dialogs to distract you. It’s customizable in terms of how much data you want to clear, including app cache, downloads, file systems, form data, history, local storage, passwords and much more.

clear cache chrome extension

Link: Clear Cache

14. JSONView

As a developer working with RESTful APIs, reading raw JSON data on a browser can be quite awkward. It’s much easier to read JSON in tree view, rather than in its raw state. The Chrome extension JSONView helps you view JSON documents in the browser.

json viewer chrome extension

Link: JSON Viewer

15. Image Downloader

Need to download some images from a website? I’d recommend to take a look at the Image Downloader for Chrome. It let’s you bulk download all images. You can also filter images of a web page by width, height, URL.

image downloader chrome extension

Link: Image Downloader