在Web开发Firefox版工具栏

在 Web 开发工具栏的Firefox是常常列为必须拥有的Web开发工具之一。 在我使用过的设计环境的工具栏，我完全同意。 它会缩减开发时间的小时。 它使什么可以乏味的任务，几乎乐趣。 它让我很快地在不同大小的窗口网站一目了然。 它帮助我调试和验证JavaScript和CSS代码。

克里斯Pederick开发这个Firefox的工具栏。 下面是工具栏的外观如下：

注意：它是整个浏览器窗口顶部的条形。 结果表明上述两个图像 ， 您可以看到整个酒吧。

正如你所看到的，它带有很多选择。 虽然我没有使用过的所有选项的工具栏提供，让我列出了我最喜欢的几个。

实时的CSS调试在查看我的网页。，我可以更新CSS文件显示到左边（或底部的网页）（从工具栏，选择的CSS /编辑的CSS），看看在浏览器窗口直接结果。 这是伟大的故障排除和实实在在地骨干讨论了如何将这些额外的10像素的填充影响我的网页。 虽然我不能救我的CSS立即更新，我可以很容易复制的变化，我已经知道工作，并将其粘贴到CSS样式表在我的网页编辑器打开它们。

验证器。在工具栏的右上角显示红色/绿色按钮，以显示其CSS代码和JavaScript代码的有效性。 如果按钮是红色的，我只是在按钮鼠标立即告诉我这是错误的结论。 我可以点击控制台上的错误，以了解更多详细信息，请返回代码（CSS或JavaScript），进行更改，刷新浏览器窗口，看着按钮（S）和希望，变成绿色。 调试代码的方便是惊人的- ，通常很快得到解决。

窗口调整。自从我希望看的网页在不同的屏幕分辨率好，我想验证网页会如何看待不同大小窗口。 随着开发工具，这是一个按一下按钮即可。 我只是选择一个选项，从不同的调整窗口的大小，并立即查看不同窗口大小的网站。

小屏幕渲染。我还可以查看我的网页是什么一样在移动设备上的一个按钮外观。 在小屏幕渲染选项可根据杂菜单。

与Joomla集成。喜爱，这其实是一样上面列出的第一个，但在特定的环境。 在Web开发工具是非常宝贵的环境内的Joomla。 没有工具栏上，我经常要到Joomla，导航到扩展/模板管理器，选择合适的模板，使我认为是必要的修改，保存它，然后回到一个浏览器窗口，检查的结果。 噢！ 随着开发人员工具栏，我只需选择'编辑的CSS从CSS菜单'，进行必要的更改，并查看结果。 我可以继续调整的CSS直到它的权利。 再回头窗口之间来回和应用。 一旦CSS是正确的，我只是突出的变化，复制代码，并将其粘贴到模板的CSS它里面Joomla。 它的速度更快。 更容易。 这很简单。

这只是在此工具栏什么可以为Web开发的冰山一角。 它易于安装，易于使用。 我强烈建议使您的开发环境的一部分。 它可以用 在通过https：/ / addons.mozilla.org/en-US/firefox/addon/60。