Necessary debugging tools and scripts for Internet technology developers

As the saying goes: good martial arts, a brick down; kung fu and high, also afraid of kitchen knife. It is conceivable how important it is to have tools !!! Haha, don't worry about it. Just give it a tool. Many of you have a set of favorite tool sets and resource sets. In this article, I will introduce some tool scripts and resources that can help you develop efficiently. I hope this will help you.

1. jsfiddle
Jsfiddle is a superb online JS/CSS/html debugging and sharing tool. You can easily share code or debug code on a web page. And can be effectively shared with colleagues or friends.

2. jsbin
Jsbin is another pretty good online debugging and sharing website. It is very similar to jsfiddle, but the overall interface is more focused on editing and debugging. You have a larger editing area and can view errors on the console.

3. Online html/CSS/Javascript development tool-Fiddle salad
Awesome online HTML, CSS, and Javascript development tools. If you have used jsfiddle, I believe everyone will prefer this powerful online integrated development environment.

4. tinkerbin
Another online debugging and demonstration front-end development tool, compared with jsfiddle, provides relatively simple tinkerbin interface functions, but the interface layout is more reasonable. When using jsfiddle, users always feel that the input in each window is hard and they have to drag the window back and forth. With tinkerbin, you can easily switch multiple windows or a single window to browser CSS, HTML, or JS Code.

5. browser support
As a front-end developer, it is common to solve the compatibility problem of different browsers. However, it is not easy to tell the difference in CSS compatibility between different browsers. browser support is the tool introduced here, you can easily tell you the CSS differences in different browsers and whether they are supported. Very convenient!

6. openwebicon
If you are tired of generating image icons, using openwebicon is a good choice. You only need to add a class to generate the desired icon.

7. Gradient-Encryption
This tool is so cool that it helps you generate CSS styles Based on the gradient effects of uploaded images. It is very convenient, efficient, and practical.

8. Em Calculator
Em calculator is a lightweight JavaScript tool that helps you create a flexible CSS design. It helps you convert pixels to Em units. This helps you effectively view and compare pixel and font sizes.

9. CSS arrow please!
An online, simple, and practical web tool for generating bubble prompts.

10. checkmycolours
A tool that helps you check the color contrast of your website and effectively helps you design a perfect color scheme.

11. screenqueri. es
If you need to develop a responsive Layout Design website, this tool will certainly help you a lot. It can simulate the screen sizes of different devices and help you dash the website display effects on different designs, this is definitely an essential tool for testing.

12. Dirty Markup
If you need a tool to help you regularly write messy code, I strongly recommend this online code beautification tool. This online tool can help you effectively process html/HTML5, CSS, and JavaScript code.

13. jquery mobile prototype design and development tool-codiqa
A great online prototype design and development tool that helps us quickly build a jquery mobile-based Web application using drag-and-drop methods.

14. screenfly
Screenfly is a free testing tool that can be used to test the display status of websites on different clients (different monitors or mobile devices. It uses a proxy server to simulate devices and supports the most popular tablet or mobile devices.

15. fixie
Fixiejs is a highly practical script for generating fictitious content. If you design a website or webpage, you often need to add text or image content to view the effect, this script can effectively help you generate different types of content, allowing you to focus on the design itself!

16. simplecart
The awesome pure JavaScript Shopping Cart program can effectively help you generate a B2C shopping cart. Simple, practical, and fast!

17. animate.css
Animate.css is a set of superb CSS animation scripts that can help you use CSS to implement various types of animations, with different fade-in, fade-out, or rotation and flip effects. It is definitely a good tool to help you quickly generate special effects. You can use jquery's addclass to add special effects to your elements, which is convenient, practical, and easy to integrate. I believe you will love it!

18. redactor-HTML rich Editor
Jquery-based WYSIWYG editor. This editor is developed using jquery technology as a framework and integrates many cool functions, such as drag-and-drop file upload and automatic storage. It is fast and small in size.

19. jqueryboilerplate
Jquery boilerplate is a good jquery plug-in development tool that helps you quickly build a jquery plug-in.

Necessary debugging tools and scripts for Internet technology developers