15个用于Web开发的实用谷歌Chrome浏览器扩展

jopen 7年前

Image Cropper: Google: 

15个用于Web开发的实用谷歌Chrome浏览器扩展

 Image sharecropper extension facilitates us to crop any pictures particularly on-line album image for IM thumbnail on the fly. This Image Cropper extension crop images in image html elements, css background images for any html element and in a PNG format. You have to right click on image of the selection to “save as” the cropped image. Cropping image becomes terribly handy with this extension. It helps in taking specific parts of a webpage. It is simple yet most crucial Chrome extension. It gives pixel perfect validity.

MeasureIt: 

15个用于Web开发的实用谷歌Chrome浏览器扩展

It provides a ruler to urge the component breadth and height of any components on an online page. Draw out a ruler which will assist you  get the component breadth and height of any components on a web page. Issues which are generally faced in this extension are no support on the Google extension gallery, some problems with Ubuntu which will be fixed soon and need to restart Chrome issue after install.

Window Resizer

15个用于Web开发的实用谷歌Chrome浏览器扩展

This extension re-sizes the browser’s window therefore on emulating varied resolutions. It is considerably useful for web designers and developers by serving with them take a glance at their layouts on altogether totally different browser resolutions. The resolutions list can be completely customized. You will be able to add, delete or re-order window. You can set the window’s width/length, Window’s position, planned icon (phone, tablet, laptop, desktop) and even the selection to use the new dimensions for the complete window or just to the view-port. The extension jointly choices customized international key shortcuts, Associate in Nursing option to export your settings and import them on another laptop and more! Window Re-Sizer Extension helps in showing several screen resolutions by re-sizing the size of the window. The web designers would like to ascertain their layouts on fully totally different resolutions on desktops, mobile devices and laptops can apply it.

Webpage Screenshot Capture

15个用于Web开发的实用谷歌Chrome浏览器扩展

Web Screenshot Capture is the most powerful software system extension to capture the entire page, save, edit, annotate, print and share. This is often a software system software package for taking screenshots that is ready to capture 100% of each the vertical and horizontal content showing on any webpage on the web. It is too simple to save the captured file onto your laptop or print it / or share it to any social network. There are several reasons for being the foremost powerful extension for taking screenshots. You will be able to annotate it with circles, rectangles, text, arrows and lines, Smudge sensitive or delicate data with the help of Spray, UNLIMITED STORAGE for storing your screenshot online, capture native files (ex:c:\), produce Thumbnails. Also, you can save the screenshot on your laptop as a PNG file, attach the screenshot on to Gmail messages, transfer To Google Drive, Post to 非死book. You will be able to EDIT THE PAGE before taking the screenshot (change any text, titles), can
produce a note in Ever note (Like Ever note internet Clipper, purchase we tend to square measure capture entire page. You will be able to capture images to any email address, Tweet to 推ter, Post to VK, send the screenshot to your mobile (By exploitation QR Code/QRCode), the transfer screenshot to the Word Press gallery, Post To Google+ (Google Plus), can pin it to PINTEREST, can send to outlook (hotmail/bing), search the screenshot with the help of Tin Eye service, produce new post at Blogger, post to Tumbler the screenshot and much more.

Speed Tracer (by Google)

15个用于Web开发的实用谷歌Chrome浏览器扩展

Speed Tracer scrutinizes the performance of your internet applications. Speed Tracer is a tool to assist you to establish and fix problems connected to performance in your internet program. It forecasts metrics that are extracted from low level instrumentation points inside the browser and monitor them as your application runs. With the help of Speed Tracer, you will be ready to get a better image of where time is being spent in your programs. This includes issues caused by: Network resource loading, XMLHttpRequest callbacks, DOM Event handling, CSS style calculation and selector matching, Javascript parsing and execution, Layout, Painting and additional.

Eye Dropper

15个用于Web开发的实用谷歌Chrome浏览器扩展

Eye dropper could be a favorite extension of anyone as it is an open source and very useful. We can pick any color of our choice from the online pages. Eye Dropper is an open extension that permits you to choose colors from various sources like web content, color picker and your personal color history. Eye Dropper is an extension for Google Chrome and Chromium. It permits you to choose a color from any web page or from an advanced color picker. It is one of the very essential and effective tools for web designers and developers. It’s useful on the functions like new and additional clear design, additional information regarding picking color, new extension icon, live preview of colors chosen from history or a color picker, wonderful new color picker from @bgrings, clearing history is currently instant and leave you on the same tab, new choices page, manifest v2 (fixes #50), high resolution icon for retina (fixes #51), higher color picker (fixes #42 and #47)

Image Downloader

15个用于Web开发的实用谷歌Chrome浏览器扩展

When there is a necessity for a bulk image move, then Image Downloader extension can be verified awfully cooperative. This elongation has no paid type, no publicity and most really no chases algorithms of any sort. It’s an open source, therefore if any person notices certain things Blair considering this code, please intimate us ASAP. If you would like to bulk transfer or download images from an online page, with this elongation, you’ll be adept to glimpse the pictures that the sheet contains and connections to filter or kind them by URL. It additionally supports wildcards and normal expressions, optionally show solely images from connections, select pictures for download with the help of check-boxes or by exactly banging on the likeness, dedicated buttons to transfer or open in new tab one-by-one pictures. It customizes brandish wideness, boundary dimensions, conceive and hue, Hide filters, buttons and notifications which you do not require.

CSS Reloader

15个用于Web开发的实用谷歌Chrome浏览器扩展

Web designers and developers relish using CSS and do a ton of trials. CSS Reloader allows reloading of CSS of world wide web content while not reloading the sheet. CSS Reloader is a browser elongation that endows you to reload the CSS while not reloading the page itself. It is presently accessible for Mozilla Firefox and Google Chrome, you’ll be adept to reload all style sheets by the keyboard function key F9, or by the context-menu choice “Reload CSS”. You can customize the keyboard shortcut under the additions backgrounds page. CSS Reloader has limitation because it is not reloading style sheets references by @import.

Stylebot

15个用于Web开发的实用谷歌Chrome浏览器扩展

Stylebot is an extension that alter the looks of websites rapidly. Its preview and install concepts conceived by distinct users on stylebot. me. Stylebot allows you to manipulate the looks of any website with made-to-order CSS. You select an element and opt for any changes you would like to create from the reviewer.  You will be adept to modify the font, hue, margins, visibility and much more. You will be adept to additionally compose CSS manually. Its options are: It is easy to use: decide and conceive parts like in Firebug, easy and instant; any change can be saved instantly, can Share, preview and install designs: one time you are on a worldwide web location, you’ll be adept to easily preview and establish concepts conceived by distinct users for that web site. The notice you see in relation to having get access to your web site information, tabs and browsing undertaking is mechanically developed as an outcome of Stylebot runs on each tab. Stylebot does not attempt to verify or shop any of your personal facts and figures. It can even be blended with Google pace Tracer, Firebug and different net development and ascertain tools. XPath support is enclosed one-by-one.

iMacros for Chrome

15个用于Web开发的实用谷歌Chrome浏览器扩展

This extension assists you to automate your browser, record and replay reiterative work. iMacros was designed to change the foremost reiterative tasks on the net. If there is an activity you have got to try and do frequently, simply record it in iMacros. Another time, if you wish to try and do it, the entire macro can run at the banging of a button! With iMacros, you will rapidly and easily load up out snare types, hold in brain passwords, produce a webmail notifier, and more. You will hold the macros on your laptop for your own use, use them among marker adjust / Xmarks or share them with other ones by embedding them on your homepage, blog, company computer network or any communal bookmarking service as bookmarked. The benefits are restricted solely by your fantasy! Widespread usage is as world wide world wide web imacro recorder, kind filler on steroids and highly secure affirmative identification manager (256-bit AES encryption). Web developers use imacros for snare regression checking, presentation testing and net assembly action observing. It can even be blended with Google pace Tracer, Firebug and different net development and ascertain tools. XPath support is enclosed. Increase is combined with Greasemonkey vogue content scripts and furthermore the imacros is begun by the statement e. g. by the Windows task computer hardware, batch documents or a UNIX cron job. You can blend iMacros with ad-blocking additions like AdBlock, FlashBlock and AdThwart to hurry up the snare browsing. It doesn’t add IE Tab, except for IE, we’ve imacros for net one-by-one. Screen arrest support is obtainable presently. Macros recorded with imacros for Chrome is replayed in iMacros for IE and iMacros for Firefox while not changes! All imacro versions combined have scores of hardworking users, conceiving it the foremost widespread browser automation device

Microstock Photo Power Search

15个用于Web开发的实用谷歌Chrome浏览器扩展

The Microstock photograph Power Search device makes examining out multiple libraries for the simplest microsupply supply photographs simpler than ever. The Microstock photograph Power Search elongation makes it easy to seek out microstock pictures of your world wide web location or world wide web log, for your method or printouts, or for the other reason you wish pleasant images or illustrations for a reasonable cost. The elongation popup exhibitions search outcomes for either new images or every agency’s ‘best match’ discover for up to thirteen microstock likeness licensing bureaus in an exceedingly neat grid. banging any of these thumbnails can open a larger preview (in a cool lightbox format). bang the likeness if you wish to license it and a brand new tab can open with the agency sheet, or if you easily are passionate about it, strike the ‘Like’ button and it’ll be shared with your 非死book friends. The thirteen surrounded bureaus are: Fotolia, Dreamstime, Shutterstock, 123 Royalty Free, Bigstock, Deposit photographs, Pixmac, Crestock, Canstock exposure, Vectorstock, Panther newspapers, Veer and Tai small. The plugin additionally requests consent to get access to to 非死book that the Like button inside the image-preview read will work (use it as a very quick and easy to save the link to images for later reference). although, iMicrostock Photo will not be surrounded as an outcome of they do not allow their images to be brandished aboard those of alternative burials. This is an aide degree enlargement of a Firefox microstock add-on that has been lived for pretty much three years, therefore, I accepted it had been finally time to convey it to Chrome. The extension is lightweight and fast, and makes it very easy to look the bureaus for royalty free images to license for as very little as $1. It is a good way to quickly, easily, and most significantly lawfully come with superb photos, illustrations, clipart or textures for your world wide web site or project.

Mobile/RWD Tester

15个用于Web开发的实用谷歌Chrome浏览器扩展

Mobile/ RWD Tester is an extension that checks your web content on widespread wireless and tablet devices. This elongation is magnificent for checking responsive world wide web designs. This elongation permits world wide web designers and developers to ascertain their world wide web content against common mobile and tablet devices by emulating the client agency and screen tenacity. This elongation checks multiple wireless apparatus at a alike time and is very cooperative when your location is in development and checking for genuine devices is difficult. It is advised to disable this elongation when not in use. It has been formed to origin troubles throughout normal browsing owing to the tinkering of the client Agent. regrettably, the developer is not adept to induce into this task at now to determination farther matters. A bug rectify was created in type 1.3 that the developer accepts as true will resolve this topic.

ColorPicker 0.9

15个用于Web开发的实用谷歌Chrome浏览器扩展

Web developer color picker select hue from present online page or change color of any constituent in DOM. This extension is basically intended for knowledgeable and skilled world wide world wide world wide world wide web developers who should to select colors on any web page, either pixel accurate or interior a district quickly sees color changes on their world wide web location without the requirement of external submissions or to gaze to the correct spot in method slips or code, reconsider for WCAG two compatibility, or simply to gather hues from sites to rapidly set up a picker palette. This submission comprises: a fast, made although a very simple to handle color picker with numerous functions, an eye dropper functionality with an adjustable space (from one to 101px) and a Google Chrome(tm) like DOM-Explorer which will assist you to simply recognize the climate or tags on the sheet you wish to adjust the hue of. This is exceedingly helpful if you have got to conceive alternatives considering some hue on your newly evolved world wide world wide web site. The paid work of this device is sort of intuitive if you are an accomplished world wide web developer… the DOM-Explorer works almost like the one in Chrome and thus the hue picker/chooser just like the one in Photoshop. You simply need to be certain that your zoom/view setting is in default. This extension profited such a large amount of users in very little time. This elongation gained such a large allowance of users in very little time.

Colour Tweaker

15个用于Web开发的实用谷歌Chrome浏览器扩展

This extension tweaks the colors of your webpages Stop attempting to estimate hex codes one time tweaking/editing colors in the Inspector, and get them location on first-time with this extension’s live-updating palette. It’s good for selecting the flawless color!

CSSViewer

15个用于Web开发的实用谷歌Chrome浏览器扩展

CSSViewer is a very simple yet an effective CSS viewer for Google chrome initially created by Nicolas Huon as a FireFox add-on. CSSViewer reflects the Cs parameters of any component in a web site. To enable/disable it, only bang the toolbar icon and then hover any event on which you would like to examine within the page. CSS Viewer won’t add any opened tabs before putting into it neither inside the Google chrome store. This is how this elongation works although the conceive might break occasionally counting on the website while you are surfing