|
Firefox必備的24款web開發插件 |
|
|
|
Firefox的Web開發插件爲Firefox瀏覽器增加了大量有用的Web開發工具，一旦安裝了這個插件，你就可以通過一個工具條來訪問。 開發工具 Web Developer 1.1.8 https://addons.mozilla.org/en-US/firefox/addon/60 by chrispederick The Web Developer extension adds a menu and a toolbar with various web developer tools. 說明：超強的web分析工具，開發人員必裝。 Firebug 1.5.0 https://addons.mozilla.org/en-US/firefox/addon/1843 Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Visit the Firebug website for documentation, screen shots, and discussion forums: 說明：查看，編輯，Debug頁面的CSS,HTML,JavaScript。超強的開發調試的工具，開發人員必裝。 LinrLightWeb 0.2.1 https://addons.mozilla.org/zh-CN/firefox/addon/14068 F*安裝前，請確認您已安裝Firebug插件，獲取Firebug請訪問:http://getfirebug.com/ 1. 開啓網頁編輯模式，隨意編輯網頁——Fiddler的好搭檔; 2. 超強Selector，查找操作標記; 3. 刷新CSS，無需刷新整頁; 4. 快速設置CSS Sprites背景，鼠標拖移即可得到位置; 5. 保持登錄狀態，Session不過期;禁用 6. 同步發行IE版，Chrome版。 說明：非常強的web開發工具。 View Source Char 2.7 https://addons.mozilla.org/en-US/firefox/addon/655 by Jennifer Madden(MM) Draws A Color-Coded Chart of a Web Page's Source Code. 說明：顯示非常好看的源碼, 分級縮進, 不同顏色區分。 Tamper Data 11.0.0 https://addons.mozilla.org/en-US/firefox/addon/966 Use tamperdata to view and modify HTTP/HTTPS headers and post parameters. 說明：查看 firefox 收發請求的 header, 特別是在發出請求前, 可以修改 header。 JavaScript Debuger 0.9.87.4 https://addons.mozilla.org/en-US/firefox/addon/216 Venkman is the code name for Mozilla's JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Mozilla based browsers. 說明：firefox 環境下的 JavaScript Debugger, 強大的腳本調試工具。 Live Http Headers 0.15 https://addons.mozilla.org/en-US/firefox/addon/3829 View HTTP headers of a page and while browsing. 說明：瀏覽頁面同時記錄所有 HTTP headers 。 Add N Edit Cookies 0.2.1.3 https://addons.mozilla.org/en-US/firefox/addon/573 Cookie Editor that allows you add and edit "session" and saved cookies. 說明：查看並且修改 cookies, 不方便的地方是顯示所有瀏覽器的 cookies 而不僅是當前頁。 XPath Checker 0.4.1 https://addons.mozilla.org/en-US/firefox/addon/1095 An interactive editor for XPath expressions. Choose 'View XPath' in the context menu and it will show the editor. You can edit the XPath expression and it incrementally updates the results. 說明：據說可以調試 XPath。 YSlow 2.0.6 https://addons.mozilla.org/zh-cn/firefox/addon/5369 YSlow analyzes web pages and why they're slow based on Yahoo!'s rules for high performance web sites. 說明：能夠幫我們分析web頁面比較慢的原因，它是基於Firebug的，也能分開瀏覽web頁面的元素，比如js,css. HTML驗證 HTML Validator(based on CSE HTML Validator)1.2.3
https://addons.mozilla.org/en-US/firefox/addon/887 Validates HTML documents using the CSE HTML Validator engine for Windows. Requires CSE HTML Validator for Windows. The lite edition is available for free at http://www.htmlvalidator.com/lite/ 說明：著名的 CSE HTML Validator 引擎。 Relaxed the HTML Validator 0.9.5 https://addons.mozilla.org/en-US/firefox/addon/3939 "Relaxed" is a HTML validator which validates HTML documents using it's own schema definitions written in Relax NG with embedded Schematron patterns.: 說明：直接在當前頁面上進行 HTML validation, 界面清晰直觀。 Total Validator 6.2.0 https://addons.mozilla.org/en-US/firefox/addon/2318 by Andy Halford Perform multiple validations and take screen shots in one go. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the desktop tool... 說明：把當前頁面在 http://www.totalvalidator.com 做HTML Validation,輸出結果用紅字進行了語法修正, 比較友好。不過由於通過其他網站驗證, 速度有點慢, 並且結果不易保存。 頁面設計 MeasureIt 0.3.92 https://addons.mozilla.org/en-US/firefox/addon/539 Draw out a ruler to get the pixel width and height of any elements on a webpage. 說明：可以測量頁面上任何選擇區域的長寬, 對界面設計人員非常有幫助。 ColorZilla 2.0.2 https://addons.mozilla.org/en-US/firefox/addon/271 Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies... 說明：從頁面, 或者調色板上取色, 同時可以縮放頁面。 SEO廣告 RankQuest SEO Toolbar 3.9.2 https://addons.mozilla.org/en-US/firefox/addon/1471 RankQuest SEO(Search Engine Optimization) Toolbar provides you quick access to more than 30 intuitive SEO tools. Alexa Rank and Page Rank provided by Alexa and Google respectively ensures the popularity of the site. Once you download and install the SEO Toolbar you are only one or two clicks away from carrying out most of your day to day SEO... 說明：SEO 工具插件, 訪問一個頁面時, 顯示此頁面的各種排名及 SEO 信息。 Adsense Preview 1.5 https://addons.mozilla.org/en-US/firefox/addon/2132 Preview the Google ads that may show on any web page. 說明：在當前頁面上顯示 Google ADs 幫助確定廣告位置。 其他工具 HackBar 1.4.2 https://addons.mozilla.org/en-US/firefox/addon/3899 Simple security audit / Penetration test tool. 說明：快速對字符串進行各種編碼的工具, MD5, Base64, URLencode, URLDecode。 Document Map 0.6.1 https://addons.mozilla.org/en-US/firefox/addon/475 Displays the current page's heading structure in the sidebar, allowing rapid navigation between... 說明：提供頁面資源結構信息.。 IE View Lite 1.3.5 https://addons.mozilla.org/en-US/firefox/addon/1429 This is a cut down version of IE View by Paul Roub, which is 47.4 KB. All the same UI and features are there. It has a right click menu item to open a page in IE and a list of sites to always open in IE. It can close tabs automatically and send... 說明：點右鍵可以選擇在 IE 中打開頁面, 有助於跨瀏覽器調試。 TimeStamp Converter 2.0.0 https://addons.mozilla.org/en-US/firefox/addon/2063 Converts dates and timestamps.Context menu option to convert the selected timestamp into a date. 說明：除去從上下文中轉換, 還可以手動將 timestamp 時間戳與 date/time 轉換。 TimestampDecode 0.1.8 https://addons.mozilla.org/en-US/firefox/addon/3208 Treats the selected number as a timestamp and displays a decoded date/time. 說明：將選中的數字作爲 timestamp 時間戳轉換爲 date/time。 Fire Encrypter 4.0 https://addons.mozilla.org/en-US/firefox/addon/2063 FireEncrypter is an Firefox extension which gives you encryption/decryption and hashing functionalities right from your Firefox browser, mostly useful for developers or for education & fun... 說明：將文字加密成各種算法的密文, 甚至包括摩爾斯碼。 Add-in-one Sidebar https://addons.mozilla.org/en-US/firefox/addon/1027 AiOS lets you open various windows as sidebar panels, and quickly switch between them. So it put an end to the window chaos! In addition to bookmarks and history it opens dialogues such as downloads, add-ons and more in the sidebar. 說明：在瀏覽器左側增加打開書籤, 歷史, 插件等的工具條。 Firefox的Web開發插件爲Firefox瀏覽器增加了大量有用的Web開發工具，一旦安裝了這個插件，你就可以通過一個工具條來訪問。 開發工具 Web Developer 1.1.8 https://addons.mozilla.org/en-US/firefox/addon/60 by chrispederick The Web Developer extension adds a menu and a toolbar with various web developer tools. 說明：超強的web分析工具，開發人員必裝。 Firebug 1.5.0 https://addons.mozilla.org/en-US/firefox/addon/1843 Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Visit the Firebug website for documentation, screen shots, and discussion forums: 說明：查看，編輯，Debug頁面的CSS,HTML,JavaScript。超強的開發調試的工具，開發人員必裝。 LinrLightWeb 0.2.1 https://addons.mozilla.org/zh-CN/firefox/addon/14068 F*安裝前，請確認您已安裝Firebug插件，獲取Firebug請訪問:http://getfirebug.com/ 1. 開啓網頁編輯模式，隨意編輯網頁——Fiddler的好搭檔; 2. 超強Selector，查找操作標記; 3. 刷新CSS，無需刷新整頁; 4. 快速設置CSS Sprites背景，鼠標拖移即可得到位置; 5. 保持登錄狀態，Session不過期;禁用 6. 同步發行IE版，Chrome版。 說明：非常強的web開發工具。 View Source Char 2.7 https://addons.mozilla.org/en-US/firefox/addon/655 by Jennifer Madden(MM) Draws A Color-Coded Chart of a Web Page's Source Code. 說明：顯示非常好看的源碼, 分級縮進, 不同顏色區分。 Tamper Data 11.0.0 https://addons.mozilla.org/en-US/firefox/addon/966 Use tamperdata to view and modify HTTP/HTTPS headers and post parameters. 說明：查看 firefox 收發請求的 header, 特別是在發出請求前, 可以修改 header。 JavaScript Debuger 0.9.87.4 https://addons.mozilla.org/en-US/firefox/addon/216 Venkman is the code name for Mozilla's JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Mozilla based browsers. 說明：firefox 環境下的 JavaScript Debugger, 強大的腳本調試工具。 Live Http Headers 0.15 https://addons.mozilla.org/en-US/firefox/addon/3829 View HTTP headers of a page and while browsing. 說明：瀏覽頁面同時記錄所有 HTTP headers 。 Add N Edit Cookies 0.2.1.3 https://addons.mozilla.org/en-US/firefox/addon/573 Cookie Editor that allows you add and edit "session" and saved cookies. 說明：查看並且修改 cookies, 不方便的地方是顯示所有瀏覽器的 cookies 而不僅是當前頁。 XPath Checker 0.4.1 https://addons.mozilla.org/en-US/firefox/addon/1095 An interactive editor for XPath expressions. Choose 'View XPath' in the context menu and it will show the editor. You can edit the XPath expression and it incrementally updates the results. 說明：據說可以調試 XPath。 YSlow 2.0.6 https://addons.mozilla.org/zh-cn/firefox/addon/5369 YSlow analyzes web pages and why they're slow based on Yahoo!'s rules for high performance web sites. 說明：能夠幫我們分析web頁面比較慢的原因，它是基於Firebug的，也能分開瀏覽web頁面的元素，比如js,css. HTML驗證 HTML Validator(based on CSE HTML Validator)1.2.3
https://addons.mozilla.org/en-US/firefox/addon/887 Validates HTML documents using the CSE HTML Validator engine for Windows. Requires CSE HTML Validator for Windows. The lite edition is available for free at http://www.htmlvalidator.com/lite/ 說明：著名的 CSE HTML Validator 引擎。 Relaxed the HTML Validator 0.9.5 https://addons.mozilla.org/en-US/firefox/addon/3939 "Relaxed" is a HTML validator which validates HTML documents using it's own schema definitions written in Relax NG with embedded Schematron patterns.: 說明：直接在當前頁面上進行 HTML validation, 界面清晰直觀。 Total Validator 6.2.0 https://addons.mozilla.org/en-US/firefox/addon/2318 by Andy Halford Perform multiple validations and take screen shots in one go. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the desktop tool... 說明：把當前頁面在 http://www.totalvalidator.com 做HTML Validation,輸出結果用紅字進行了語法修正, 比較友好。不過由於通過其他網站驗證, 速度有點慢, 並且結果不易保存。 頁面設計 MeasureIt 0.3.92 https://addons.mozilla.org/en-US/firefox/addon/539 Draw out a ruler to get the pixel width and height of any elements on a webpage. 說明：可以測量頁面上任何選擇區域的長寬, 對界面設計人員非常有幫助。 ColorZilla 2.0.2 https://addons.mozilla.org/en-US/firefox/addon/271 Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies... 說明：從頁面, 或者調色板上取色, 同時可以縮放頁面。 SEO廣告 RankQuest SEO Toolbar 3.9.2 https://addons.mozilla.org/en-US/firefox/addon/1471 RankQuest SEO(Search Engine Optimization) Toolbar provides you quick access to more than 30 intuitive SEO tools. Alexa Rank and Page Rank provided by Alexa and Google respectively ensures the popularity of the site. Once you download and install the SEO Toolbar you are only one or two clicks away from carrying out most of your day to day SEO... 說明：SEO 工具插件, 訪問一個頁面時, 顯示此頁面的各種排名及 SEO 信息。 Adsense Preview 1.5 https://addons.mozilla.org/en-US/firefox/addon/2132 Preview the Google ads that may show on any web page. 說明：在當前頁面上顯示 Google ADs 幫助確定廣告位置。 其他工具 HackBar 1.4.2 https://addons.mozilla.org/en-US/firefox/addon/3899 Simple security audit / Penetration test tool. 說明：快速對字符串進行各種編碼的工具, MD5, Base64, URLencode, URLDecode。 Document Map 0.6.1 https://addons.mozilla.org/en-US/firefox/addon/475 Displays the current page's heading structure in the sidebar, allowing rapid navigation between... 說明：提供頁面資源結構信息.。 IE View Lite 1.3.5 https://addons.mozilla.org/en-US/firefox/addon/1429 This is a cut down version of IE View by Paul Roub, which is 47.4 KB. All the same UI and features are there. It has a right click menu item to open a page in IE and a list of sites to always open in IE. It can close tabs automatically and send... 說明：點右鍵可以選擇在 IE 中打開頁面, 有助於跨瀏覽器調試。 TimeStamp Converter 2.0.0 https://addons.mozilla.org/en-US/firefox/addon/2063 Converts dates and timestamps.Context menu option to convert the selected timestamp into a date. 說明：除去從上下文中轉換, 還可以手動將 timestamp 時間戳與 date/time 轉換。 TimestampDecode 0.1.8 https://addons.mozilla.org/en-US/firefox/addon/3208 Treats the selected number as a timestamp and displays a decoded date/time. 說明：將選中的數字作爲 timestamp 時間戳轉換爲 date/time。 Fire Encrypter 4.0 https://addons.mozilla.org/en-US/firefox/addon/2063 FireEncrypter is an Firefox extension which gives you encryption/decryption and hashing functionalities right from your Firefox browser, mostly useful for developers or for education & fun... 說明：將文字加密成各種算法的密文, 甚至包括摩爾斯碼。 Add-in-one Sidebar https://addons.mozilla.org/en-US/firefox/addon/1027 AiOS lets you open various windows as sidebar panels, and quickly switch between them. So it put an end to the window chaos! In addition to bookmarks and history it opens dialogues such as downloads, add-ons and more in the sidebar. 說明：在瀏覽器左側增加打開書籤, 歷史, 插件等的工具條。 |