NEWS

services solutions provider

洞悉市场趋势演变

新视角,新形象,全方位服务!

13个火狐扩展插件提高网站设计的品质与效率

镇江网站建设专家魔方网络列举13款比较优秀的可以辅助网页设计工作的Firefox火狐扩展插件。

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

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

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

4、Style 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]中设置

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

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

7、LiveHTTPHeaders

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

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

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

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

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

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

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

×在线咨询

售前 838258247

技术 2399172182

联系电话 151-8910-8803


微信公众号 微信公众号