现在浏览器大战相当的激烈了，每种浏览器都有自己的特点所以才被一些爱好者们接受并向朋友们推荐，比如Firefox的扩展什么的。Opera也有，但并不是以扩展的方式给出的，而是Widget。以前的Widget没个名字，后来被译成了“饰件”，感觉有点奇怪。在这里，我向网站设计者们推荐七个用于Web设计的Opera Widgets，希望对大家有帮助。

这七个Widgets是什么，先看图：

1. Screen Ruler

从名字上我们就大概知道了这个工具的用途，它是用来测量屏幕上某处和另一处之间的距离的，对于用CSS对网页进行布局设计的朋友们应该很实用，而Opera Widget和Firefox扩展最大的不同之处也在于它不单单能用于浏览器，只要保持Opera不关闭，那么Widget可以用于任何地方，比如你可以用这把尺子在Firefox里测量元素之间的距离，一样方便。要水平或垂直拉动，你可以同时按住SHIFT键。

2. HTML Entities

这个工具把网页上常用的特殊符号都以列表的形式给出来了，方便你的查找，而且点击右上角的Toggle description还可以在描述状态和简明状态之间进行切换，如下：

3. Character Map

做网页的时候要用到特殊字符怎么办，特别是一些外国文字，这时候就不是简单一个HTML Entities能够解决的了，所以可以使用Character Map这个工具，你可以在右下角选择语言，比如汉文，韩文，日本语什么的，然后在右侧框中把你要输的字符选择出来，都选好后，在左边全选，复制插入到你的设计中就行了，很容易吧~

4. Javascript Cheatsheet

这个工具的作用就是便捷地提供来自Mozilla Developer Center的JS信息的参照，不用的时候还可以点击右上角的按钮把它收起来，防止碍眼……

5. Site Validator

这个工具帮你快速检测你的网站里面的文件和内容的链接是否完好，你可以把你需要的网站的地址都存在它的列表里方便再次调用。检测的时候这个Widget会一直处于忙的状态而失去响应，不过不用担心，等它检查完就行，或者你等不了，强行关闭也行。

6. CSS Helper

一个小巧的CSS参考书，你也可以快速搜索，适合CSS的初学者~

7. The Colours of the Rainbow

一个好用的颜色拾取器，它的特点是你选好的颜色它会给出HSL，RGB等的信息，还有直接提供给CSS书写用的十六进制颜色代码和各种表示方法，很不错，而且也可以在不用时收起来，节省桌面空间。

好了，就七个，不知道对你有没有帮助呢？如果你是O粉，我希望你喜欢我的推荐，还有一篇我喜欢的Opera的六个设计；如果你是Firefox的Fans，这里也有七个推荐给WebMaster的Firefox扩展，同样希望能帮到你~