How to turn Chrome into a development tool, nuggets developers are using these plugins

How to turn Chrome into a development tool, nuggets developers are using these plugins

In the Nuggets ' 12th boiling point event, developers on the Nuggets have been highlighting the Chrome plugins they're using, with a development tool and a variety of utilities. We've screened out the various Chrome development plugins in the comments, developers, and see if you have the tools you need.

1. Nuggets Chrome Plugin: help you find dry goods

Whether you're a developer, designer or product manager, you'll need to read a lot of industry-related articles every day, which requires us to browse a large number of Internet sites to find what we need. Aside from the complexity of the screening costs, the "super-premium" content will be so overwhelming that you can't breathe.

Nuggets in order to solve this problem, the development of the Nuggets chrome plugin, Nuggets chrome plug-in aggregation of domestic and foreign high-quality Internet site content, saving your screening costs, while helping you find good content.

650) this.width=650; "src=" Http://ww3.sinaimg.cn/large/72f96cbagw1f5b4rplum1j21kw0zkdws "alt=" screen Shot 2016-06-28 at 6.24.35 pm.png "/>

2. Postman: Powerful API & HTTP request Debugging Tool

I believe Postman for the Nuggets on the developers, it is a powerful API & HTTP request Debugging tools, Postman can not only debug simple HTML, CSS and scripts, such as simple web basic information, this Chrome plug-in can even send Sending almost all HTTP requests is a great tool for WEB developers.

650) this.width=650; "src=" Http://ww2.sinaimg.cn/large/72f96cbagw1f5bw2te4cpj21kw0s8tce "alt=" screen Shot 2016-06-29 at 10.32.31 am.png "/>

3. Builtwith Technology Profiler: What technology stack does your website use?

As a developer, the technology stack used on the whether website is a lot of curiosity, and is there any tool that can help you with the job? The answer is that the Chrome plugin Builtwith technology Profiler, which helps you classify and present the technology stack that is currently visiting the site, is a great tool for exploring friends.

650) this.width=650; "src=" http://ww1.sinaimg.cn/large/72f96cbagw1f5bwohqt9cj21cs130k3x "alt=" screen Shot 2016-06-29 at 10.50.59 am.png "/>

Of course, you can also use the Wappalyzer Chrome plugin for similar products.

4. Octotree: Your GitHub document library

GitHub's existing directory hierarchy, when viewing files from different levels of folders, does not seem to be very convenient, octotree this Chrome plugin allows you to manage and view your GitHub repository in a document library, simply and intuitively, It also makes it easy for you to jump between files.

650) this.width=650; "src=" http://ww2.sinaimg.cn/large/72f96cbagw1f5bwo5wplgj210e17e480 "alt=" screen Shot 2016-06-29 at 10.47.55 am.png "/>

5. GitHub Awesome Complete: "alfred", a GitHub-owned

What do you do when you search for a warehouse or project on GitHub? Most people believe that the steps are the same:

• Press ENTER after entering a keyword in the search box

• Find the results in the search results, click to enter the appropriate page

Is there a simpler and quicker way to do it? The answer is GitHub Awesome complete, the Chrome plugin. This plugin allows you to dynamically display the corresponding search results through the popup window after entering the keywords in GitHub, all you need to do is click.

650) this.width=650; "src=" Http://ww1.sinaimg.cn/large/0062hZoFjw1f5arm8y57yg30vg0jtwq4.gif "alt=" 11:12:49.jpg "/ >

6. Octo Mate: Enhance your GitHub experience

In addition to the above two GitHub-related plugins, here I would like to introduce Octo Mate, a gadget that will enhance your GitHub experience. For this plugin, the main features are the following four points:

• One-click Download file: GitHub makes it easy to download all files in. zip format, but if you only need to download one file, it can be very cumbersome. After using Octo Mate, just click on the file icon to download.

• Open a project's Github Pages with one click

• Show Warehouse Size

• Shows the number of unread messages

Believe that such a plugin will make you more efficient when using GITHUB.

650) this.width=650; "src=" Http://ww1.sinaimg.cn/large/72f96cbajw1f5aslglo0qj20m90dwdim "alt=" 06.png "/>

7. Page Ruler: your Web Ruler

When the front-end developer is debugging a webpage, he or she will have to look at the specific size of a particular control or page in the page, and page Ruler can help you with this work, measure the page elements, and no longer have to open the "Check elements" window that occupies a large space.

650) this.width=650; "src=" http://ww3.sinaimg.cn/large/72f96cbagw1f5b4xvkaryj20zk0m8423 "alt=" 0000.png "/>

8. User-agent Switcher for Chrome: Web Adaptive Testing Tool

How is your Web page adaptive to all types of devices? Under normal circumstances, we need to test the adaptation of the webpage on different devices simultaneously, with user-agent switcher for Chrome, only need a browser plugin, you can change UA at any time, test the adaptive situation of the webpage, help you to improve the development efficiency.

650) this.width=650; "src=" Http://ww4.sinaimg.cn/large/72f96cbagw1f5b504nw8jj20zk0m8wir "alt=" 1111.jpg "/>

9. Vysor: Hands-free Android test tool

Real Machine debugging Android app, are you still testing your Android device while you're on the computer and modifying the code? With the Vysor Chrome plug-in, you just need to connect via USB, you can use the mouse to operate Android devices directly in Chrome, the time cost of switching between devices is reduced, and the development efficiency increases naturally.

650) this.width=650; "src=" Http://ww2.sinaimg.cn/large/72f96cbagw1f5b50x72qrj20zk0m87af "alt=" Unnamed.jpg "/>

SimilarWeb: View the site's various traffic data

For Web site developers, in addition to the website itself code design and development, the site's various user access data and traffic analysis is also a very important piece of work. SimilarWeb this Chrome plugin can help you to count the traffic sources and rankings of the website, query the website participation and other information of the website.

650) this.width=650; "src=" Http://ww2.sinaimg.cn/large/72f96cbagw1f5bwpt25fcj21gy17galn "alt=" screen Shot 2016-06-29 at 10.55.05 am.png "/>

In addition to the chrome plugin introduced in this article, there are many useful extensions to chrome, and maybe you haven't found the browser plugin you need, or you can come to the Nuggets to see if you can find the plugin you need.

This article is from the "11787512" blog, please be sure to keep this source http://11797512.blog.51cto.com/11787512/1794203

How to turn Chrome into a development tool, nuggets developers are using these plugins