Web开发工具

fireforx+firebug
pickcolor
zend studio

 

vs2005、2008(咳咳,这个就不用介绍了)

IE Dom查看工具:IE Developer ToolBar

Firefox Dom查看工具: Web developer

Firefox JS调试工具:Venkman

Http协议查看工具:HttpWatch 、Fiddler2

挑选颜色工具:ColorPic

正则测试工具:RegexTester
 
vs 2005
webdevelop
cssviewer
firbug
iehttpheader
sql server
Dreamweaver
动软.net代码生成器

 

Web开发人员Firefox必备扩展

1、Firebug & YSlow

Firebug集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。访问http://www.getfirebug.com/获得更多信息。在Firebug的基础上,Yahoo!开发了另外一个强大的Firefox扩展“YSlow”,你可以通过访问http://developer.yahoo.com/yslow/获得更多信息。

Firebug

2、Web Developer



3、IE Tab

4、Screen Grab

5、ColorZilla

6、HTML Validator

7、MeasureIt

8、CSS Viewer

9、FireFTP

网页设计必备的13个火狐浏览器(Firefox)扩展

   Firefox是一款越来越热的Web浏览器,多种多样的扩展,主题,插件,是它快速流行的重要原因. Mozilla的网站上提供了许多扩展和插件的下载,由于众多开发者的支持,这些扩展和插件的数量也在随着需求日益增长,下面列举13款比较优秀的可以辅 助网页设计工作的扩展.其实下面许多扩展大家都是知道的,大部分现在都升级至支持firefox3,下面简单总结一下。

1IE Tab

   浏览器兼容是所有Web开发者都要考虑的问题,IE Tab能够让您再Firefox中以IE的渲染方式来呈现页面,并且可以方便的在两者之间切换。

2Style Sheet Chooser II

   Style Sheet Chooser II 允许浏览者或开发者迅速的在为同一页面编写的不同样式之间来回的切换,甚至能够保证被选择样式应用到该站点的全部页面上. Style Sheet Chooser II 会覆盖Firefox内置的样式表切换器[style-sheet-switcher].

你可以用多种方式来调用它:
a.
通过”查看”[View]->”页面样式”[Page Style]下面的选项;
b.
通过工具栏[Toolbar]的一键切换;
c.
通过状态栏[Status Bar]的图标按钮;

小提示: 是否在状态栏和工具栏中显示图标,可以在扩展偏好[Extension Preference]中设置

3CSSViewer

   一款小巧的CSS属性查看器,随着鼠标的移动显示当前所指示元素的CSS样式信息,其中包括了所有从父级元素继承而来,用户自定义以及浏览器自定义的样式信息. Style Sheet Chooser II 一样,你也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。

4CSS validator

   W3CCSS标准来校检页面,在新页面中显示校检结果,不过只对包含了CSS样式文件的页面起作用,例如http://www.w3.org/
其快捷按钮既可添加在右键菜单中也可添在工具栏上.

5ColorZilla 2.0

   ColorZilla的主要功能有:
  
将浏览器页面内的任何一点转换为16进制的颜色字符串,方便您快速的将其粘贴到其他的CSS样式中;通过缩放页面来测量其上任何两点之间的距离;从内置的调色板中选择预置的颜色,并把最常使用的颜色添加到自定义的调色板中.

6FireShot 0.59

   FireShot能够方便的创建页面的截图[略缩图],相比于其他的扩展,FireShot提供了一系列的编辑和注释工具,方便你快速的修改所捕获 图像或者添加文本,图像注释. 这些功能对于网页设计者,测试者,和浏览者都很有用, 此外用户还可以自己定制所要捕获的范围,是页面全部还是屏幕的可见部分.

7LinkChecker 0.6.3

   LinkChecker用于检查页面上超级连接的有效性,验证其是否已经损坏

8Font Finder 0.5c

   选择一段文本或一个元素,单击右键并在菜单中选择”Font Finder,就能看到所选取对象的字体信息

9LiveHTTPHeaders

   这个项目的目的是通过以下两种途径实时显示页面的HTTP请求信息:a. 在”查看页面信息”[View Page Info]中添加”头部信息”[Hearders]选项卡;b. 添加”工具”->Web设计”[Tools->Web Development]菜单项;此外用户还能利用它修改HTTP Headers并发起新请求!

10SearchStatus 1.26

   再你的浏览器中显示GooglePageRank,Alexa排名,竞争力排名,高速关键字密度分析器,关键字高亮显示,后退/相关链接,Alexa的信息和其他的[SEO]搜索引擎优化工具.

11FireFTP

   FireFTP,一款免费,高效,跨平台的FTP客户端,让你快速直观的访问FTP Server

12MeasureIt 0.3.8

   通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度,高度,元素缩进量

13Html Validator 0.8.5.2

   HTML Validator,一款为MozillaFirefox添加HTML验证的扩展,能够在状态栏的图标上标注当前页面的HTML语法错误数量,不仅会校检服务器发送来的HTML文件,也会校检内存中的HTML代码(通常为执行Ajax请求后的返回值)

 

让Firefox 3.0用上迅雷/狗狗

iTbulo.COM 2008-3-28 佚名( 2995)

 

 

   http://edu.itbulo.com/200803/123499_3.htm

 毫无疑问,Firefox对于Internet Explorer已经构成了极大的威胁。Firefox的普及已经取得了阶段性的成果。但可惜的是,它对于迅雷的支持仍有所欠缺。而且,它也没有把迅雷狗狗这样的资源搜索集成到其搜索框中。这样的“胉来品”,我们必须对其进行中国化改造,使其更好地为我们服务。

  一、添加迅雷下载

  喜欢Firefox浏览器的朋友们可能都知道,Firefox是不支持迅雷下载工具的,无法像在IE游览器中那样可以直接用右键菜单调用迅雷下载工具。而且最新的迅雷组件也不能够支持Firefox最新版。不过,我们可以另辟徯径。

  Firefox由于是开源软件,因此支持它的人很多。同时,Firefox如此盛行的另一个原因是它有很多优秀的插件。如果使用软件设置法无效,我们还可以尝试使用安装迅雷的Firefox扩展文件的方法来解决。而担当此重任的就是FlashGot这款非常经典的Firefox插件,利用它可以很好地支持迅雷5!

  启动Firefox,打开https://addons.mozilla.org/extensions/moreinfo.php?id=220,然后单击Install Now(现在安装)按钮(如图1),此时会出现相应的安装窗口,单击“立即安装”按钮(如图2),之后可在窗口中可以看到已经成功安装,按提示重新启动Firefox(如图3)。



接着,选择工具”→“FlashGot”→“更多选项,在打开窗口中设置下载管理器为Thunder(如图4)。以后在Firefox中看到某个文件,直接单击之,即会跳出如图5所示的窗口。选择FlashGot,再选中以后自动采用相同的动作处理此类文件即可出现迅雷窗口(如图6)。

外,我们也可以右击之,选择使用FlashGot下载此链接(如图7)即可用迅雷下载,而选择使用FlashGot下载所有链接可以用迅雷下载所有链接。

7 可以右击选择迅雷下载/批量下载资源
  小提示

  选中多个链接,右击,选择使用Flashgot下载所选链接则可以下载我们选中的链接中的文件。

  选择工具选项,再单击左侧的高级项,然后滚动鼠标到下方,选中软件更新下的定期检查更新,为:下的Firefox已安装附加组件,这样Firefox会定时检测其自身及附加组件是不是有更新,一旦有则会弹出窗口来让我们更新

二、添加迅雷狗狗影视搜索

  狗狗搜索有很多的特色功能,已然成了融入我们的生活,成为我们下载搜索的不二之选。那我们有没有办法将狗狗搜索集成到我们最爱的浏览器中,而无需每次都墨守陈规地打开其主页,再输入关键字?事实上,这些迅雷已经为我们考虑过了。只要在Firefox中打开http://www.gougou.com,然后单击搜索框左边的下拉按钮,从中选择添加狗狗影视搜索(如图8),可将其添加进来。

  之后,只要单击搜索框左边的下拉按钮,选择狗狗影视搜索,在搜索框中输入相应的关键字,回车后即可搜索到相应的内容(如图9)。配合迅雷高速下载,可谓是超爽。

小提示

  选择工具选项,再单击左侧的高级项,然后滚动鼠标到下方,选中软件更新下的定期检查更新,为:下的Firefox搜索引擎,这样Firefox会定时检测其自身及搜索引擎是不是有更新,一旦有则会弹出窗口来让我们更新。

图1 准备安装附加软件

 

posted @ 2009-03-09 23:34  Andy-阿杰  阅读(379)  评论(0)    收藏  举报