Large collection of Web development tools
Posted on 2009-07-01 filed under: AJAX (RSS) 49 views
English original:
Original found:
Chinese translation:
Web site developers a great distress, that is, there are too many to cope with the browser. Fortunately, some of the world's smart people who can come up with a more easily edit and debug a good tool for web page code. However, from the numerous small tools which identify可真不容易. This article presents a number of best of web development tools, and guide you to quickly activate the installation, use them. The following is a list of tools:
| Browser | The tools available (in parentheses is the scope of application) |
|---|---|
| Firefox |
|
| IE6, IE7 |
|
| Opera |
|
| Safari |
|
Web Developer Toolbar
Firefox on the web site development and debugging of the choice. Contains a series of tools, from the cookie management to debug CSS, from the navigation line to the screen scale, function is more able to finish my speech. Download Toolbar Web Development Address:
Firebug
Firefly is a Firefox extension of the good one, can be used as Supplementary tools. You can use Firebug-line inspection, monitoring, editing web pages on HTML, CSS, JavaScript code. He also provides a script console, so that JS made more simple to edit. Console object contains the , Allows you to output to the console and then the code for debugging. Provide More advanced That it can know that you set up detailed options Firebug. In addition, Firebug, there is a bandwidth monitor, allows you to clearly see some of the code accounts for the number of bandwidth. Firebug to download Address:
Modify Headers
Is an add, modify and filtering tools for HTTP request header. You can use this tool into a bogus Web site for mobile devices, it can even be an Ajax request forgery. Download Modify Headers Address:
Poster
You can With Web services or other interactive web resources, it allows you to send HTTP requests, set the format and content of the request entity. This allows you to detect the effect of Web interaction. Poster Download Address:
XRAY & MRI
And Can be used in IE6 +, Webkit and Mozilla-based browser bookmarklets ( ), Including Safari, Firefox, Camino and Mozilla. Xray model test kits can help you in every element, MRI and applied to test selector. Download XRay Address: MRI Download Address:
Firefox Accessibility Extension
People with disabilities easier to browse Web content. Developers can use this to expand to examine their structure and style of web accessibility. Download Firefox Accessibility Extension Address:
IE Developer Toolbar
Microsoft IE is the best DOM inspection and CSS debugging tools. Because IE has a high market share and in the rendering model is full of defects (such as the notorious ), Debugging IE is an essential step in web development - do not have this tool bar, IE will become the debugging a nightmare. Although the IE Developer Toolbar mentally a little bit better than Firebug, but he can help you at least the first monster to tame this IE. IE Developer Toolbar Download Address:
Web Accessibility Toolbar
(Href = "http://www.paciellogroup.com/resources/wat-about.html"> Opera version) can check the site's accessibility (of course it is possible to read and can not count on the computer can be like human beings Reading the page, right?) In addition, this tool also provides other functions, such as dead links, and check the box to change the browser size and so on. The Web Accessibility Toolbar download Address:
Visual Web Developer Express Edition
Wood has JavaScript debugging features, you have to find other tools to engage JS. You can use Microsoft Script Debugger (mentioned below) or a free download of the heavyweight . Bernie where the tool (Of course, in English), which tell you in detail how to use this tool for debugging JavaScript code. You can also use Microsoft Script Editor to edit JS code - Unfortunately, this is not a free tool (at home, this does not seem a big problem). He was tied up in the Office 2003 installation package, and Microsoft does not provide a separate download. Because of this, not here to talk too much about it. Provided .
Microsoft Script Debugger
You can free of charge in the Microsoft Web site , . This tool than Visual Web Developer Express Edition weak a lot, but still be able to handle a number of IE on the minds of those people touched the tips, such as "lack of object" category. There is a Of course. For safety reasons, after the installation of the best script debugger to restart your computer. Microsoft Script Debugger Download Address:
Opera developer tools
Opera has : Opera development console (Opera Developer Console) and Dom snapshot tools (DOM Snapshot). From the screenshot, they are promising. Opera 9 is the tool used above . But I did not let them in the successful operation of the Opera 9.10. Opera developer tools to download Address:
Opera Error Console
Opera error console is a built-in feature, you can tool - Advanced - Error console to activate the it. Shell window it shows the current error page or a warning message, or you can filter certain types of information, such as HTML, CSS, XML or Javascript warning. You can find opera website .
Safari Debug Menu
Safari's debug capacity is very weak, but at least show a Javascript console allows some simple Javascript debugger (Firebug and the Opera with a similar error console). Apple site in the development department, there is a Explaining how to activate a hidden Debug menu. Under the Mac OS X, open a terminal and type:
defaults write com.apple.Safari IncludeDebugMenu 1In windows, using a text editor to open Preferences.plist, this file is C: Documents and SettingsUSERNAMEApplication DataApple ComputerSafariPreferences.plist, add in the final document:
<key>IncludeDebugMenu</key> <true/> in Safari 1.3 and above, you can enter the Debug menu and then钩选"Records of accidents Javascript" option. Then select the "Show JavaScript Console". This record can be used Javascript error console. Web Inspector
Mac OS to be activated in the Safari Web Inspector (Safari 3 and above can be used), open a terminal window and enter the
defaults write com.apple.Safari WebKitDeveloperExtras -bool trueIn windows, open your Documents and Settings * username * Application DataApple ComputerSafariWebKitPreferences.plist, add the following:
<key>WebKitDeveloperExtras</key>
<true/>And then quit Safari and re-open in the menu you will see a "check test" option, that is it!
Tags: firebug (RSS), chinese translation (RSS), web page code (RSS), web development tools (RSS), cookie management (RSS), microsoft script (RSS), web developer tools (RSS), visual web developer (RSS), visual web developer express (RSS), web developer express (RSS), visual web developer express edition (RSS), firefox extension (RSS), supplementary tools (RSS), livehttpheaders (RSS), web inspector (RSS), navigation line (RSS), web site developers (RSS), web accessibility (RSS), choice web (RSS), css web (RSS)
Permalink: http://www.codeweblog.com/large-collection-of-web-development-tools/