<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[Heck's  Blog]]></title> 
<link>https://www.heckjj.com/index.php</link> 
<description><![CDATA[一瞬间的决定，往往可以改变很多，事实上，让自己成功的往往不是知识，是精神！ 如果你总是为自己找借口，那只好让成功推迟。执行力，今天！]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[Heck's  Blog]]></copyright>
<item>
<link>https://www.heckjj.com/firefox-plugin-web-dev-html/</link>
<title><![CDATA[用来武装Firefox的24款Web开发插件]]></title> 
<author>Heck &lt;@hecks.tk&gt;</author>
<category><![CDATA[资源共享]]></category>
<pubDate>Fri, 10 Sep 2010 14:53:09 +0000</pubDate> 
<guid>https://www.heckjj.com/firefox-plugin-web-dev-html/</guid> 
<description>
<![CDATA[ 
	<p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 俗话说</span><img src="images/emot/thumbnail/smile.gif" border="0" alt="smile" /><span style="font-family: 微软雅黑,arial,helvetica,sans-serif">，&quot;工欲善其事，必先利其器&quot;</span><img src="images/emot/jgrin.gif" border="0" alt="jgrin" /><span style="font-family: 微软雅黑,arial,helvetica,sans-serif">。对于前端开发工程师来说，基于Firefox丰富的Web开发辅助插件无疑就是最好的利器。下面就与大家分享</span><span style="font-family: 微软雅黑,arial,helvetica,sans-serif">24款武装Firefox的Web开发插件</span><img src="images/emot/thumbnail/28.gif" border="0" alt="28" /><span style="font-family: 微软雅黑,arial,helvetica,sans-serif">。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>开发工具</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>1.&nbsp;&nbsp;Web Developer 1.1.8</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/60" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/60</a><br />以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。使我们能轻易的获得网页的更多信息，使我们进一步的了解当&nbsp;&nbsp;前所浏览的网页。<br />说明：超强的web分析工具，开发人员必装。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>2.&nbsp;&nbsp;Firebug 1.5.0</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/1843" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1843</a><br />Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等，但FireBug最吸引我的就是javascript调试&nbsp;&nbsp;功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera,&nbsp;&nbsp;Safari），简直难以置信。除此之外，其他功能还很强大。比如html,css,dom的察看与调试，网站整体分析等等。总之就是一整套完整而强大的&nbsp;&nbsp;WEB开发工具。<br />说明：查看，编辑，Debug页面的CSS,HTML,JavaScript。超强的开发调试的工具，开发人员必装。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>3.&nbsp;&nbsp;LinrLightWeb 0.2.1</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/14068" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/14068</a><br />安装前，请确认您已安装Firebug插件，获取Firebug请访问:http://getfirebug.com/<br />1.&nbsp;&nbsp;开启网页编辑模式，随意编辑网页&mdash;&mdash;Fiddler的好搭档;<br />2. 超强Selector，查找操作标记;<br />3. 刷新CSS，无需刷新整页;<br />4.&nbsp;&nbsp;快速设置CSS Sprites背景，<a href="http://product.it168.com/list/b/0220_1.shtml" target="_blank" title="鼠标">鼠标</a>拖移即可得到位置;<br />5. 保持登录状态，Session不过期;禁用<br />6.&nbsp;&nbsp;同步发行IE版，Chrome版。<br />说明：非常强的web开发工具。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif">更多基于firebug的插件可以参考这篇文章：<a href="http://css9.net/firefox-adds-on-strengthen-firebug/" target="_blank">用来武装Firebug的十三款Firefox插件</a></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>4.&nbsp;&nbsp;View Source Char 2.7</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/655" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/655</a><br />画一个&nbsp;&nbsp;Color-Coded 的图表的 Web 页的源代码。<br />说明：显示非常好看的源码, 分级缩进, 不同颜色区分。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>5.&nbsp;&nbsp;Tamper Data 11.0.0</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/966" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/966</a><br />Tamper&nbsp;&nbsp;Data 的真实含义，即&ldquo;篡改数据&rdquo;（或者说定制 HTTP 请求）：截取浏览器发出的每一个 HTTP&nbsp;&nbsp;请求，提示我们选择是要进行定制，还是不做定制而直接提交请求，还是终止当前被截取的请求，然后根据我们的选择决定是打开定制窗口，还是直接向 WEB <a href="http://server.it168.com/" target="_blank" title="服务器">服务器</a>提交请 求，还是终止当前的请求。<br />说明：查看&nbsp;&nbsp;firefox 收发请求的 header, 特别是在发出请求前, 可以修改 header。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>6.&nbsp;&nbsp;JavaScript Debuger 0.9.87.4</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/216" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/216</a><br />Venkman&nbsp;&nbsp;作为Mozilla的调试器，是针对Mozilla(Firefox)的自由工具<br />说明：firefox 环境下的 JavaScript Debugger,&nbsp;&nbsp;强大的脚本调试工具。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>7.&nbsp;&nbsp;Live Http Headers 0.15</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/3829" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/3829</a><br />可以用来实时监测发起的http请求和响应，也可以修改请求参数之后重新发起请求。<br />说明：浏览页面同时记录所有&nbsp;&nbsp;HTTP headers 。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>8.&nbsp;&nbsp;Add N Edit Cookies 0.2.1.3</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/573" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/573</a></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif">查看和修改本地的Cookie，Cookie欺骗必备。<br />说明：查看并且修改 cookies, 不方便的地方是显示所有浏览器的 cookies&nbsp;&nbsp;而不仅是当前页。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>9.&nbsp;&nbsp;XPath Checker 0.4.1</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/1095" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1095</a><br />这个工具没什么好多说的，就是安装后可以直接用，在网上看了使用方法，开始没看明白，后来才知道是在页面上点<a href="http://product.it168.com/list/b/0220_1.shtml" target="_blank" title="鼠标">鼠标</a>右键，下面有个view xpath,点击就可以了。<br />说明：据说可以调试 XPath。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>10. YSlow 2.0.6</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/1095" target="_blank">https://addons.mozilla.org/zh-cn/firefox/addon/5369</a><br />YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。<br />说明：能够帮我们分析web页面比较慢的原因，它是基于&nbsp;&nbsp;Firebug的，也能分开浏览web页面的元素，比如js,css.</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>HTML验证</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>11.&nbsp;&nbsp;HTML Validator(based on CSE HTML&nbsp;&nbsp;Validator)1.2.3<br /></strong><br /><a href="https://addons.mozilla.org/en-US/firefox/addon/887" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/887</a><br />HTML&nbsp;&nbsp;Validator是一个Firefox扩展，它能查找并标志出HTML页面上的错误。HTML&nbsp;&nbsp;Validator以Tidy为基础，Tidy最初是W3C为验证HTML代码开发的一个工具。<br />说明：著名的 CSE HTML Validator&nbsp;&nbsp;引擎。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>12.&nbsp;&nbsp;Relaxed the HTML Validator 0.9.5</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/3939" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/3939</a><br />Relaxed&nbsp;&nbsp;the HTML Validator 0.9.5 这是一个做html验证的小插件，可以很容易的检测出页面的错误的html代码。<br />说明：直接在当前页面上进行&nbsp;&nbsp;HTML validation, 界面清晰直观。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>13.&nbsp;&nbsp;Total Validator 6.2.0</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/2318" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2318</a><br />这<a href="http://software.it168.com/" target="_blank" title="软件">软件</a>帮&nbsp;&nbsp;助你检查你的网页是否符合标准,结果将帮助你迅速地解决问题。<br />说明：把当前页面在 http://www.totalvalidator.com 做HTML&nbsp;&nbsp;Validation,输出结果用红字进行了语法修正, 比较友好。不过由于通过其他网站验证, 速度有点慢, 并且结果不易保存。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>页面设计</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>14.&nbsp;&nbsp;MeasureIt 0.3.92</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/539" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/539</a><br />通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度、高度、元素缩进量。<br />说明：可以测量页面上任何选择区域的长宽,&nbsp;&nbsp;对界面设计人员非常有帮助。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>15.&nbsp;&nbsp;ColorZilla 2.0.2</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/271" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/271</a><br />利用ColorZilla&nbsp;&nbsp;您可以从浏览器中的任一点读取色彩值，快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。<br />说明：从 页面,&nbsp;&nbsp;或者调色板上取色, 同时可以缩放页面。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>SEO广告</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>16.&nbsp;&nbsp;RankQuest SEO Toolbar 3.9.2</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/1471" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1471</a><br />检查网站在搜索引擎和alexa的状态<br />说明：SEO&nbsp;&nbsp;工具插件, 访问一个页面时, 显示此页面的各种排名及 SEO 信息。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>17.&nbsp;&nbsp;Adsense Preview 1.5</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/2132" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2132</a><br />将谷歌广告放到你的网页上<br />说明：在当前页面上显示&nbsp;&nbsp;Google ADs 帮助确定广告位置。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>其他工具</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>18.&nbsp;&nbsp;HackBar 1.4.2</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/3899" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/3899</a><br />包含一些常用的工具。(SQL&nbsp;&nbsp;injection,XSS,加密等)<br />说明：快速对字符串进行各种编码的工具, MD5, Base64, URLencode, URLDecode。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>19.&nbsp;&nbsp;Document Map 0.6.1</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/475" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/475</a><br />显示当前页的标题结构中侧栏让之间快速导航&hellip;<br />说明：提供页面资源结构信息.。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>20.&nbsp;&nbsp;IE View Lite 1.3.5</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/1429" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1429</a><br />IE View&nbsp;&nbsp;简装版，将选项集成到了右键关联菜单中，同时增加了一个工具栏按钮。<br />说明：点右键可以选择在 IE 中打开页面, 有助于跨浏览器调试。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>21.&nbsp;&nbsp;TimeStamp Converter 2.0.0</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/2063" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2063</a><br />将转换日期和&nbsp;&nbsp;timestamps.Context 菜单选项将所选的时间戳转换为日期。<br />说明：除去从上下文中转换, 还可以手动将 timestamp 时间戳与&nbsp;&nbsp;date/time 转换。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>22.&nbsp;&nbsp;TimestampDecode 0.1.8</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/3208" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/3208</a><br />将所选的编号视为一个时间戳并显示一个已解码的日期/时间。<br />说明：将选中的数字作为&nbsp;&nbsp;timestamp 时间戳转换为 date/time。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>23.&nbsp;&nbsp;Fire Encrypter 4.0</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/2063" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2063</a><br />说明：将文字加密成各种算法的密文,&nbsp;&nbsp;甚至包括摩尔斯码。</span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><strong>24.&nbsp;&nbsp;Add-in-one Sidebar</strong></span></p> <p><span style="font-family: 微软雅黑,arial,helvetica,sans-serif"><a href="https://addons.mozilla.org/en-US/firefox/addon/1027" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1027</a><br />全方位多功能侧边栏。<br />说明：在浏览器左侧增加打开书签,&nbsp;&nbsp;历史, 插件等的工具条。</span></p><br/>Tags - <a href="https://www.heckjj.com/tags/firefox/" rel="tag">firefox</a> , <a href="https://www.heckjj.com/tags/firefox%25E6%258F%2592%25E4%25BB%25B6/" rel="tag">firefox插件</a>
]]>
</description>
</item><item>
<link>https://www.heckjj.com/firefox-plugin-web-dev-html/#blogcomment</link>
<title><![CDATA[[评论] 用来武装Firefox的24款Web开发插件]]></title> 
<author> &lt;user@domain.com&gt;</author>
<category><![CDATA[评论]]></category>
<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate> 
<guid>https://www.heckjj.com/firefox-plugin-web-dev-html/#blogcomment</guid> 
<description>
<![CDATA[ 
	
]]>
</description>
</item>
</channel>
</rss>