16款为Web开发者准备的Chrome实用扩展推荐

     本文搜集整理了16款 Chrome 扩展，如果你是一名 Web 开发者，这些扩展肯定会对你的工作有所帮助。你只需在浏览器中运行，不必再另外安装或打开独立的应用程序。    <p> <strong><a href="/misc/goto?guid=4958188709221015617" target="_blank">1.   WhatFont</a></strong></p>    <p> 有了这个扩展，你只需要将鼠标指针悬停在网页中字体的上方，就可以了解该字体的相关信息，非常方便。它还可以用来检测网页字体所使用的服务。</p>    <p> 该扩展支持 Typekit 和 Google Font API。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/f5adf1dd3dd860f0bd94e854a6f07701.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198299989490101" target="_blank">2. Pretty Beautiful Javascript</a></strong></p>    <p> 该扩展可以使 Javascript 文件更容易阅读。其整合了 <a href="/misc/goto?guid=4958198300736933581" target="_blank">Beautifier</a> 和 <a href="/misc/goto?guid=4958198301472586528" target="_blank">Prettify</a> 的功能，可以为代码添加语法高亮。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/777c1d16108ee4395db2e1baf0bf9a52.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198302212063976" target="_blank">3. PHP Ninja Manual</a></strong></p>    <p> 使用 PHP Ninja Manual，你可以轻松、快速地在使用7种语言的 PHP 5.3 文档中进行搜索。Web 开发中，速度就是一切。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/59ae11c4a5a7470bb95bbb88e609d3ad.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198302951158442" target="_blank">4. CoNetServ (Complex Network Services) </a></strong></p>    <p> 在浏览器中集成的网络工具。对于需要了解服务器信息的网络和 Web 开发者来说，该扩展非常实用。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/0fb90d53d4987a8f99d896a0d1cf3cd3.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198303691416620" target="_blank">5.   jQuery API Browser</a></strong></p>    <p> 针对 jQuery 开发者的简单扩展，允许开发者在 API 文档中进行快速搜索。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/74e2b2bb8b6b2af3b7d5ecec5453a9c8.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198304428009405" target="_blank">6.   Edit This Cookie</a></strong></p>    <p> 这是一个 cookie 管理器。你可以添加、删除、编辑、搜索、保护和阻止 cookies。</p>    <p><img alt="" src="https://simg.open-open.com/show/08a8621c226fd08366a1b7759101cb00.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198305168182554" target="_blank">7.   speedtest.net</a></strong></p>    <p> 使用该扩展可以方便地在浏览器中诊断网络连接问题。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/e309522c235eabb5c6d516e5dd4e691f.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958188700759759092" target="_blank">8.   Resolution Test</a></strong></p>    <p> 该扩展可以改变开发者浏览器窗口的大小，以便预览网站在不同屏幕中的显示情况。它包括一些常用的分辨率，且允许开发者自定义设置。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/cb92b72d511fc4986054951404a4a83f.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198306561370866" target="_blank">9.   Click&Clean (Windows) </a></strong></p>    <p> 该扩展的功能包括：</p>    <ul>     <li>  扫描电脑中的恶意软件</li>     <li>  删除浏览器历史记录</li>     <li>  删除下载历史</li>     <li>  清除临时文件</li>     <li>  清除 Cookies，清空缓存</li>     <li>  删除客户端 Web SQL 数据库</li>     <li>  删除 Flash Cookies</li>     <li>  清理 Internet 活动的所有痕迹，保护隐私</li>     <li>  清理硬盘，并释放更多的磁盘空间，包括安全删除使用外部应用所产生的文件</li>     <li>  离线观看 Flash，无需连接到互联网</li>    </ul>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/0db4549e785c4359cc06085f25cffe14.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198307309337153" target="_blank">10.   Web Edit</a></strong></p>    <p> 使用该扩展，在任何 http://网页中，只需按下 F12 键，即可编辑文本、删除东西（如照片）以及嵌入元素等。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/0c59aaacc9a23650c75ccba9281d8cce.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198308053922556" target="_blank">11.   YSlow</a></strong></p>    <p> YSlow 可以分析网页，并为改善网页性能提出修改建议，这些功能基于高性能网页的规则集。YSlow 可以根据预定义的三个规则集或用户自定义规则集来对网页进行分级。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/2937ba3d4c2d7d36f48df253d4bfa23e.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198308780757433" target="_blank">12.   IP Address and Domain Information</a></strong></p>    <p> 方便地查询 IP 和域名信息，你不必再去其他网站查询域名的 Whois。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/20b0e2cbe2205a7ce22880b2b72aef93.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198309516613558" target="_blank">13.   Session Buddy</a></strong></p>    <p> Session Buddy 是一个灵活的 sessions 管理工具，可以让你轻松地保存、编辑或恢复浏览器 sessions。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/d3c94cbb44153900e9ee71f4a0bf7215.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198310257491681" target="_blank">14.   SEO SERP</a></strong></p>    <p> 该扩展可以让你快速检查关键字在网站中的位置。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/cfc890e4a6b4db0f6a288b35ebd23eaf.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198310994711275" target="_blank">15.   SEO SERP Workbench</a></strong></p>    <p> 快速检查关键字在多个网站中的位置，支持多个国家。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/16abbc78b1ffe9051b5b1089ac428d61.jpg" /></p>    <p> <strong><a href="/misc/goto?guid=4958198311738647338" target="_blank">16.   HTML5 Pointers! </a></strong></p>    <p> 该扩展收集了大量的 HTML5 相关资源，对于 HTML5 开发者非常实用。</p>    <p><img style="display:block;margin-left:auto;margin-right:auto;" alt="" src="https://simg.open-open.com/show/9021a25b8a410e50ccb272fb92eca653.jpg" /></p>    <p> Via <a href="/misc/goto?guid=4958198312481327158" target="_blank">hungred.com</a></p>    <div id="come_from">            来自:     <a id="link_source2" href="/misc/goto?guid=4958198313204896843" target="_blank">www.iteye.com</a>    </div>