有用当鲜为人知的网站
We all know that developer tools can make our work easier. Most of us are probably already familiar with add-ons and extensions like Firebug, Web Developer, ColorZilla, and more.
我们都知道开发人员工具可以使我们的工作更加轻松。 我们大多数人可能已经熟悉Firebug，Web Developer，ColorZilla等附加组件和扩展。
In this post, I’ll present you with some other add-ons that you may not have tried yet. I hope you’ll find some of these useful when working on various projects.
在这篇文章中，我将向您介绍一些您可能还没有尝试过的附加组件。 我希望您在进行各种项目时会发现其中一些有用的东西。
Current Version: 3.0.5 No. of Users: 23,000+ Avg. Rating: 5 stars
当前版本：3.0.5用户数量：平均23,000+ 评分：5星
View Source Chart provides a complete visualization of the DOM for a web page. This is done by means of visual cues that indicate tag boundaries and hierarchy to make viewing the code less complex. Building tag boundaries by finding then reading tags, along with manual actions such as clicking and scrolling, which causes users to experience forced breaks in cognitive processing. When markup becomes more complex, productivity is lost at a higher rate. So, View Source Chart avoids these things and provides a better visualization of tags.
查看源图表提供了网页DOM的完整可视化。 这是通过视觉提示来完成的，这些视觉提示指示标签的边界和层次结构，从而使查看代码的复杂性降低。 通过查找然后读取标签以及手动操作(例如单击和滚动)来建立标签边界，这会使用户体验到认知处理中的强制中断。 当标记变得更加复杂时，生产率将以更高的速度损失。 因此，“查看源图表”避免了这些事情，并提供了更好的标签可视化效果。
Current Version: 0.9 No. of Users: 20,000+ Avg. Rating: 5 stars
当前版本：0.9用户数量：平均20,000+ 评分：5星
Console² (pronounced Console Squared or Console Two) “replaces the JavaScript Console with what could be the next generation Error Console.” The add-on’s page further explains: “let’s you display errors filtered by type (Errors, Warnings, Messages), language (JavaScript, CSS, XML) and context (Chrome, Content). Furthermore it provides a simple search box (as seen in the History and Bookmarks sidebars), hiding of duplicates, sidebar optimizations, a customizable toolbar and some more accessibility improvements.”
Console²(发音为Console Squared或Console 2)，“将JavaScript Console替换为下一代Error Console。” 加载项页面进一步说明：“让您显示按类型(错误，警告，消息)，语言(JavaScript，CSS，XML)和上下文(Chrome，内容)过滤的错误。 此外，它提供了一个简单的搜索框(如“历史记录和书签”侧边栏中所示)，隐藏重复项，侧边栏优化，可自定义的工具栏以及一些可访问性方面的改进。”
Current Version: 1.0.2rev56 No. of Users: ~300 Avg. Rating: 5 stars
当前版本：1.0.2rev56用户数量：约300平均 评分：5星
This is a new add-on that lets you view the current tab’s content in a phone-like panel (i.e. you can test the mobile view of any web page). A panel is visible on the right-side in the current tab. This can come in handy for responsive testing. You can keep the other tab’s panel active even after switching to a new tab.
这是一个新的加载项，使您可以在类似于电话的面板中查看当前选项卡的内容(即，您可以测试任何网页的移动视图)。 当前选项卡右侧的面板可见。 这对于响应式测试可能会派上用场。 即使切换到新选项卡，也可以保持另一个选项卡的面板处于活动状态。
Current Version: 1.5.8 No. of Users: 82,000+ Avg. Rating: 4 stars
当前版本：1.5.8用户数量：平均82,000以上 评分：4星
Extended Statusbar can add an Opera-like status bar to the browser window, which shows the following information:
扩展状态栏可以在浏览器窗口中添加类似于Opera的状态栏，其中显示以下信息：
Number of loaded images 加载的图像数 Percentage of page load 页面加载百分比 Bytes downloaded 字节下载 Average download speed 平均下载速度 Load time 加载时间Current Version: 0.4.13 No. of Users: 170,000+ Avg. Rating: 4 stars
当前版本：0.4.13用户数量：170,000+平均 评分：4星
As shown by the usage numbers, this one is more well-known in the developer community. MeasureIt lets you draw a ruler-like indicator across any web page to check width, height, or just basic alignment of page elements. The distances are measured in pixels.
如用法数字所示，该名称在开发人员社区中更为知名。 MeasureIt允许您在任何网页上绘制类似标尺的指示器，以检查宽度，高度或页面元素的基本对齐方式。 距离以像素为单位。
Current Version: 0.3.7.9.18 No. of Users: 12,000+ Avg. Rating: 5 stars
当前版本：0.3.7.9.18用户数量：平均12,000+ 评分：5星
Definitely for power users, this one “helps to customize almost everything in Http.” Includes the following features and more:
绝对适合高级用户使用，它“几乎可以帮助自定义Http中的所有内容”。 包括以下功能和更多功能：
Load custom scripts (similar to Grease Monkey) 加载自定义脚本(类似于Grease Monkey) HTTP request redirection and block HTTP请求重定向和阻止 Cache any file and save to specified file path 缓存任何文件并保存到指定的文件路径 Modify cookies 修改Cookie Modify referrer (custom site or site root) 修改引荐来源网址(自定义网站或网站根目录) Fake IE6 假IE6Current Version: 0.5.3 No. of Users: 1,600+ Avg. Rating: 5 stars
当前版本：0.5.3用户数量：平均1600+。 评分：5星
Server Switcher allows users to easily switch between sites in development (hosting the temporary version you are currently working on) and live servers, so that you can immediately see the differences.
Server Switcher使用户可以轻松地在开发中的站点(托管您当前正在使用的临时版本)和实时服务器之间切换，以便您可以立即看到差异。
Example: If you have a site hosted at localhost/example.html (development server) and you click the Server Switcher icon, you will instantly be redirected to yoursite.com/example.html (live server), and vice versa. The server names (“localhost” and “yoursite.com”) are configurable. Features include:
示例：如果您有一个站点托管在localhost/example.html (开发服务器)上，然后单击Server Switcher图标，则您将立即重定向到yoursite.com/example.html (活动服务器)，反之亦然。 服务器名称(“ localhost”和“ yoursite.com”)是可配置的。 功能包括：
Multiple projects (development/live-server pairs) can be created. 可以创建多个项目(开发/实时服务器对)。 Keyboard shortcut: CTRL+SHIFT+X 键盘快捷键：CTRL + SHIFT + X Open local/remote server in a new tab with middle click or CTRL+left-click. 用鼠标中键或CTRL +左键单击在新选项卡中打开本地/远程服务器。 Support for subdirectories, different ports, and local files. 支持子目录，不同的端口和本地文件。For more, see the GitHub repo
有关更多信息，请参见GitHub存储库
Current Version: 1.5 No. of Users: 1,900+ Avg. Rating: 4 stars
当前版本：1.5用户数量：平均1900+。 评分：4星
Pagediff is a basic web page comparison application that takes browser generated DOM compliant view source to helps developers see HTML-code differences between web pages.
Pagediff是一个基本的网页比较应用程序，它使用浏览器生成的DOM兼容视图源来帮助开发人员查看网页之间HTML代码差异。
Instructions after installation:
安装后的说明：
Save current page (1st page) to memory, Right click on that page & select “Start Diff” 将当前页面(第一页)保存到内存，右键单击该页面并选择“开始差异” Right click on the 2nd page and choose ‘Show DIFF’. 右键单击第二页，然后选择“显示DIFF”。Current Version: 0.2.2 No. of Users: 130+ Avg. Rating: 4 stars
当前版本：0.2.2用户数量：平均130+ 评分：4星
This add-on deactivates form validation in HTML5 pages, allowing you to test server-side validation of the application as well as client-side (e.g. JavaScript-based) form validation methods. To restore the original state of the page, just reload the page.
此附加组件可停用HTML5页面中的表单验证，从而使您可以测试应用程序的服务器端验证以及客户端(例如，基于JavaScript的)表单验证方法。 要恢复页面的原始状态，只需重新加载页面即可。
Current Version: 0.8.12 No. of Users: 114,000+ Avg. Rating: 4 stars
当前版本：0.8.12用户数量：平均114,000+ 评分：4星
HttpFox monitors and analyzes all incoming and outgoing HTTP traffic between the browser and the web server. It aims to bring the functionality from tools like HttpWatch and IEInspector to Firefox.
HttpFox监视和分析浏览器和Web服务器之间的所有传入和传出HTTP通信。 它旨在将功能从HttpWatch和IEInspector等工具引入Firefox。
Information available per request includes:
每个请求可用的信息包括：
Request and response headers 请求和响应头 Sent and received cookies 发送和接收Cookie Query string parameters 查询字符串参数 POST parameters POST参数 Response body React体Current Version: 0.7.1.1 No. of Users: 122,000+ Avg. Rating: 5 stars
当前版本：0.7.1.1用户数量：平均122,000+ 评分：5星
This add-on is particularly useful for Mobile web development, HTTP testing, and privacy. It lets you add, replace, and filter HTTP request headers. It also allows modification of the HTTP request headers sent to web servers. Developers can also import and export headers.
该附件对于移动Web开发，HTTP测试和隐私特别有用。 它使您可以添加，替换和过滤HTTP请求标头。 它还允许修改发送到Web服务器的HTTP请求标头 。 开发人员还可以导入和导出标题。
Current Version: 1.6.4 No. of Users: 63,000+ Avg. Rating: 4 stars
当前版本：1.6.4用户数量：平均63,000+ 评分：4星
This add-on will show you the JavaScript on any web page, even if it is obfuscated. Open JavaScript Deobfuscator from the Tools menu and watch the scripts being compiled/executed. The code displayed comes from the browser’s JavaScript engine. Whenever the JavaScript engine compiles or executes a script, it is added to the corresponding list.
该加载项将向您显示任何网页上JavaScript，即使它们被混淆了。 从“工具”菜单中打开JavaScript Deobfuscator，然后查看正在编译/执行的脚本。 显示的代码来自浏览器JavaScript引擎。 每当JavaScript引擎编译或执行脚本时，就会将其添加到相应的列表中。
The rules at the bottom of the Deobfuscator window define which scripts should show up. By default, the browser’s own scripts and extensions are excluded but the filters can be adjusted to show those as well.
Deobfuscator窗口底部的规则定义应显示的脚本。 默认情况下，浏览器自己的脚本和扩展名将被排除，但过滤器也可以进行调整以显示它们。
Current Version: 1.17 No. of Users: 19,000+ Avg. Rating: 5 stars
当前版本：1.17用户数量：平均19,000+ 评分：5星
This add-on focuses on HTML table data. Features include:
该附加组件专注于HTML表数据。 功能包括：
Copy (table/row/column/cell) 复制(表格/行/列/单元格) Sort (multi-column) 排序(多列) Search (with regex and range operations) 搜索(使用正则表达式和范围操作) Filter, chart, statistics, rearrange, and combine/compare 过滤，图表，统计数据，重新排列以及合并/比较Current Version: 0.4.3 No. fo Users: 3,700+ Avg. Rating: 5 stars
当前版本：0.4.3用户数量：平均3,700+ 评分：5星
This add-on allows you to control how Firefox sends referrer http headers. Some servers may use a referrer to stop bandwidth theft. It can be turned off with a single click if things aren’t working properly. Features include:
此加载项使您可以控制Firefox发送引荐来源网址HTTP标头的方式。 某些服务器可能使用引荐来源网址来阻止带宽被盗。 如果一切工作不正常，只需单击一下即可将其关闭。 功能包括：
Option to handle third party requests only 选择仅处理第三方请求 Seven types of policies 七种政策 Custom url-specific rules 自定义网址特定的规则 Import/export rule file, support import from RefControl rule file 导入/导出规则文件，支持从RefControl规则文件导入Refer to the project wiki for live examples.
有关实时示例，请参考项目Wiki 。
Current Version: 1.0.8 No. of Users: 5,200+ Avg. Rating: 5 stars
当前版本：1.0.8用户数量：5,200+平均 评分：5星
Fangs renders a text version of a web page similar to how a screen reader would read it. This helps developers understand how an assistive device would present a website and thereby increase chances of finding accessibility issues early. Fangs is used by developers, teachers, and quality assurance staff to make websites accessible to as many people as possible.
Fangs呈现网页的文本版本，类似于屏幕阅读器将其读取的方式。 这有助于开发人员了解辅助设备将如何展示网站，从而增加及早发现可访问性问题的机会。 开发人员，教师和质量保证人员使用Fangs来使尽可能多的人访问网站。
That’s it for this list of add-ons. If you know of any others not listed here and that aren’t as well known, feel free to let us know in the comments.
就是这个附加组件列表。 如果您知道此处未列出的其他人，并且不太知名，请随时在评论中告知我们。
翻译自: https://www.sitepoint.com/15-useful-lesser-known-firefox-add-ons/
有用当鲜为人知的网站
相关资源：jdk-8u281-windows-x64.exe