咨询电话:
15628812133
17
2017/01

网页设计师需要的火狐附加组件

发布时间:2017-01-17 09:16:14
发布者:369563174
浏览量:
0

作为一个webdesigner(网站设计师),你应该注意到了国外主流浏览器Firefox。如果你还没有使用Firefox,您可以现在去下载它。火狐除了提供网页浏览体验之外,而且还提供了一个功能,是其他任何浏览器无法媲美的。那就是第三方开发的附加组件工具可以根据不同爱好和需求安装加载在Firefox浏览器中,大大提高您的工作效率并节省您的时间,

目前Firefox的附加组件达到成百上千个,有的帮助您浏览被屏蔽的网站,有的帮助您下载隐藏文件,有的帮助您实现网站窗口单一化和自动翻页等等,既然有这么多不同功能的组件可以下载,我们今天介绍6种针对网站设计师需要的组件。

Web Developer

虽然被称为 Web Developer,但是这一Firefox附加组件对于网页设计师来说绝对是非常宝贵的。

如果你添加安装完毕此组件,网站设计人员会发现有用的是CSS菜单。这个菜单的功能包括显示CSS是否出错,查看CSS,编辑和加入自定义样式信息。另外 1个特点是图像菜单。可以查看ALT属性,图像尺寸,图像文件大小和图像的路径,您可以禁用图像,找到无效的图像,ALT属性替换图像等一些额外的功能。

Firebug

尽管Web Developer是我们第一推荐, Firebug 紧随其后也是我们要重点推荐的。

有了Firebug的,你可立即编辑,调试和监测任何网页。Firebug可以让你对任何网页CSS,HTML和JavaScript完全控制。最棒的是,您调试的每个不同的变化,都可以立即看到效果。

像大多数好的Firefox插件一样,Firebug 也有增值服务可以选择,这样用户可以使用一些额外的功能。

{BCQAA22QPD(1N`JM3XH%8V.png

Colorzilla

作为一个网页设计师,当您在网上冲浪的时候,你永远不知道什么时候灵感会打动你。比如,您可能会看一个网站的色彩,你真的很喜欢。

如果你想快速,有效的抓出这些色彩,你应该安装 ColorZilla 附加组件。

ColorZilla附加功能的在线滴管,这使得它非常简单的抓取颜色精确值。除了在线滴管,ColorZilla提供多种附加功能,大部分的网页设计师会找到有用的,如 DOM的色彩分析仪和在线配色等。

FireShot

虽然你的操作系统具有内置的屏幕捕捉功能,但这并不意味着默认的屏幕捕获符合您实际需要的情况,比如一般都抓一屏,如果网站很长就要抓很多次,还是断开的,而且所抓取的内容还包括浏览器窗口。

幸运的是,Fireshot插件,提供只抓去浏览器以内的网页功能,连同其他有用的多种功能。

FireShot的是一种先进的Firefox屏幕捕获附件组件。除了让您能够捕获整个网页(即使网页不是作为对您的浏览器窗口的限制而导致的不可见部分),FireShot的还可以直接在屏幕捕获后添加注释。

FireShot 让您在屏幕捕获后保存上有多种选择。他们不仅可以被保存为不同的文件格式,但也可以保存到本地计算机,或服务器网络。目前,因为这功能,这个附加已吸引了超过15.0万活跃用户,并已证明是网页设计人员和其他互联网专业人士的挚爱。

CSS验证器/HTML Validator

作为设计师,你要确保你的网站作品,都可以很容易在任何电脑和平台上显示和展示。首先就是确保这CSS和HTML代码的W3C验证。

无论是 CSS验证器还是HTML验证 当我们安装了CSS验证器/HTML Validator这个组件以后,可以在浏览器上一点,就会进入验证页面,根据验证结果调整自己的网站。

Window Resizer的浏览器

互联网,最令网页设计师沮丧的问题之一,就是我们所设计的网站,需要在不同屏幕尺寸下显示。

因为你不知道的访问者的浏览器分辨率是640 × 480,800 × 600,1024 × 768,1280 × 1024或1600 × 1200,所以我们必须解决不同分辨率网站显示的问题。

我发现安装 Window Resizer附加组件,是最有效的方式来完成这项任务。一旦您下载并安装此插件,您可以按照上述尺寸查看自己的网页在不同分辨率下的表现。

我们可以通过调试去解决大部分分辨率下的展示问题。

1. Web Developer Toolbar 

功能非常强大,是做网页设计师的必备工具。 

2. CssViewer 

可以在网页中查看某个区域的CSS, 我常常用它研究一些特别的效果是如何做出来的。 

3. Firebug 

用来调试网页,如果HTML,CSS或者JS出错,它会有对应提示。 

WKY38LPLA`J$H[AKNW{ADZU.png

4. IEtab 

在FF切换到IE,省去再打开一个IE浏览器的麻烦。对于测试页面在各种浏览器的兼容时特别有用。 

5. X-ray 

名副其实的插件-> X射线,使用了之后直接在页面中查看网页对应结构,比较直观,而不需要查看源代码,这个插件和CSSViewer配合特别有用。 

6. FasterFox 

提升FF性能的工具,我用来测试页面的载入时间。 

7. HTML Validator 

校验XHTML是否标准,虽然比不上W3C的validator, 但是对于一般应用而言已经足够。 

8. ColorZilla 

截取网页的配色工具。 

9. MeasureIT 

尺子,量取页面的某个区域的大小。 

返回列表