CSS教程之网页计划工具:5月搜集27款web前端开辟工具
样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。破洛洛文章简介：网页计划工具:poluoluo搜集27款web前端开辟工具。
1.Firebughttp://getfirebug.com/
最盛行的前端开辟工具
2.HttpWatchhttp://www.httpwatch.com/
集成在IE和Firefox上的监听HTTP和HTTPS的工具
3.Fiddlerhttp://www.fiddler2.com/fiddler2/
Fiddler是一个纪录你电脑和收集之间一切HTTP(S)哀求的收集调试代办署理
4.HttpFoxhttps://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US
和HTTPWatch很相似的一个工具
5.Yslowhttp://developer.yahoo.com/yslow/
Firebug的一个扩大，能够依据高功能网站的一些原则来剖析网页而且提出倡议来进步网站的功能
6.CssUsagehttps://addons.mozilla.org/zh-CN/firefox/addon/10704
Firebug的一个扩大，能够用来观察哪些CSS被用到了
7.VIMhttp://www.vim.org/
一个初级的文本编纂工具，是在UNIX体系下面VI编纂器的晋级版本
8.Editplushttp://www.editplus.com/
Windows体系上的一个好用的文本编纂器
9.DNSFlusherhttps://addons.mozilla.org/en-US/firefox/addon/7408
Firefox上的一个附加组件，当HOST文件改动时能够很快地更新页面而不必要重启扫瞄器
10.PageSpeedhttp://code.google.com/intl/zh-CN/speed/page-speed/
PageSpeed是开源Firefox/Firebug插件。网站办理员和收集开辟职员可使用PageSpeed来评价他们网页的功能，并取得有关怎样改善功能的倡议
11.Dust-meSelectorshttps://addons.mozilla.org/zh-CN/firefox/addon/5392
Firefox上的一个附加组件，能够找出没有效到的CSS选择符
12.MyspacePerformanceTrackerhttp://msfast.myspace.com/
Myspace的功能剖析工具,能够剖析到页面衬着的各个阶段的工夫、CPU和内存的损耗情形，只利用于IE中
13.YUICompressorhttp://developer.yahoo.com/yui/compressor/
用java写的一个代码紧缩工具，利用办法：java-jaryuicompressor-x.y.z.jar
14.JSBeautifierhttp://jsbeautifier.org/
在线JS格局化工具
15.JSLinthttp://jslint.com/
在线JS校验工具，利用请注重“JSLintwillhurtyourfeelings.”
16.JSCompresshttp://jscompress.com/
在线JS紧缩工具
17.JSMinhttp://www.crockford.com/javascript/jsmin.html
JS紧缩工具
18.HTML2Javascripthttp://accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/
HTML到JavaScript转换器取得置标并将它转换成一系列能够在JavaScript块中利用的document.write()声名
19.WebDeveloperhttps://addons.mozilla.org/da/firefox/addon/60?lang=zh-CN
Firefox的一个附加组件，给Firefox增添了一个菜单和工具栏，内里包括了良多开辟工具
20.JSRegexpGeneratorhttp://www.jslab.dk/tools.regex.php
一个制造正则表达式的在线工具
21.OperaDragonflyhttp://www.opera.com/dragonfly/
OperaDragonfly是Opera扫瞄器的跨设备，跨平台调试情况―调试JavaScript,反省编纂CSS和DOM，而且检察挪动设备或盘算机上的毛病
22.IEWebDeveloperhttp://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
微软的扫瞄器开辟者工具条为网页的疾速创立，了解和妨碍诊断供应了各类的工具
23.DynaTracehttp://ajax.dynatrace.com/pages/
一个页面功能剖析工具，是针对扫瞄器IE6~8的。它能够用来剖析页面衬着工夫、DOM办法实行工夫，乃至能够看到JS代码的剖析工夫。多谢“有米啦”同砚的保举，密友卓群的博客之前也先容过
24.IETesterhttp://www.my-debugbar.com/wiki/IETester/HomePage
IETester是一个收费的扫瞄器，它同时包含了IE5.5、IE6、IE7、IE8的一切内核，多版本IE测试好工具,DIV测试,CSS兼容和各个版本扫瞄器兼容检测工具
25.CompanionJShttp://www.my-debugbar.com/wiki/CompanionJS/HomePage
IE下的js调试工具，必要分离MicrosoftScriptDebugger利用，经由过程安装这个工具，但页面呈现毛病时会在左上角弹出一个小毛病提醒，点击会在IE上面显现出一个毛病把持台，就如FF下的firebug把持台一样，毛病信息提醒很具体
26.LiveHttpHeaderhttps://addons.mozilla.org/zh-CN/firefox/addon/3829
liveHTTPheaders是firefox的一个插件，能够检察到http头，十分便利
27.ClosureCompilerhttp://code.google.com/intl/zh-CN/closure/compiler/
Google的JavaScript编译工具
</p>
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 学Dreamweaver技术的过程其实是一个增加信心的过程。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
页:
[1]