7個讓JavaScrip的測試更容易最好的工具

jopen 10年前發布 | 5K 次閱讀 JavaScrip測試


Firebug

firebug.png

Firebug has been around for many years and is the ‘go to’ extension for developers who create their applications primarily on Firefox. 

  • It is dedicated application for HTML, CSS and JavaScript testing

  • It has greater features than the developer tools included by default in browsers

  • It allows you to set code breakpoints, so you can test results at various stages of execution
    • </ul>
    If you develop on other browsers like Google Chrome, check out Firebug Lite, which provides the same features, but in a slightly different interface.

    Opera Dragonfly

    operadragonfly.png

    Opera is not the most popular browser in the world and less than 1% of internet users use it for their daily purposes. However, one reason you might want to test your JavaScript on Opera is Dragonfly, its open JavaScript testing and debugging tool. 

    • It allows you to inspect the DOM more easily

    • You can modify your CSS and JavaScript and see results on the fly

    • You can inspect errors and find their source more quickly
      • </ul>
      Other browsers are catching up to the features of Opera Dragonfly, but it is currently one of the best testing tools available to web developers. 

      Debug bar

      debugbar.png

      Internet Explorer does not have a vast plugin eco system like Firefox and Chrome do, but DebugBar is one of the better front end debuggers for the most popular browser in the world. It has all the features that you need like: 

      • DOM Inspection

      • Cookie inspection

      • JavaScript debugging
        • </ul>
        If your primary browser is Internet Explorer you feel left out of the more advanced JavaScript tools, then DebugBar will help you shed that inferiority complex because it is as powerful as other debuggers. 

        JSLint

        jslint.png

        This is a web based tool created by one of the most important JavaScript developers in the world – Douglas Crockford. All you need to do is copy and paste your code into the online JSLint editor and it will: 

        • Highlight the errors in your code

        • Make sure that your syntax is clean and is compliant with standards

        • Single out type errors which are so common in JavaScript
          • </ul>


          JSLitmus

          JSLitmus

          If you are particular about your JavaScript app’s performance, JSLitmus is a neat little tool to have. It helps you create JavaScript benchmarks of your own, so you can measure performance at various stages of app development. 

          Write Code Online

          writecodeonline.png

          Writecodeonline.com is a full featured JavaScript editor, more in the spirit of JSLint. It is lightweight, simple and easy to use and points out your bugs almost immediately. It is especially light weight for large applications, so you can test thousands of lines, unit by unit, and verity their correctness.

          Tinkerbin

          Tinkerbin

          This is one of the best designed online web development tools available today. It is best for testing out your HTML, CSS and JavaScript in one single web app. Testing snippets of JavaScript code and how it affects your HTML and CSS is much easier with Tinkerbin, especially since you see the results instantly.

           本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
           轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
           本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！
            本文地址：http://www.baiduhome.net/news/view/1e29a1b