5 Firefox Addons for the Average Web Developer 5 Дополнения для Firefox Средняя Web Developer

by Ross McKillop on August 18, 2008 путем Росс McKillop по 18 августа 2008 года

FirefoxВеб-дизайн и Дев

You won’t find any super-advanced addons for “extracting strings from xml and javascript files to simplify mozilla application localization process” or “debug running applets and Java Webstart application” in this list. Вы не можете найти никаких супер-расширенный addons для "извлечения строк из xml и javascript файлы в целях упрощения применения mozilla процесса локализации" или "отладки работает апплеты и приложения Java Webstart" в этом списке. These addons are intended for “the rest of us” - people who grudgingly have to edit our own web sites. Эти addons предназначены для "остальных из нас" - людей, которые неохотно должны изменить наши собственные веб-сайты.

  1. MeasureIt
  2. MeasureIt allows you to quickly bring up an on-screen “ruler” to measure sections of your site. позволяет быстро заработает на экране "линейки" для определения разделов сайта. Quickly determine the space between certain sections, indents etc. Быстро определяет пространство между отдельными разделами, отступы т.д.

      Quick Usage Instructions Быстрый инструкций по их использованию

    1. Click the MeasureIt button in the bottom right corner of Firefox Нажмите кнопку MeasureIt в нижнем правом углу Firefox
    2. MeasureIt Button

    3. Click and drag the area you want to measure. Нажмите и перетащите область вы хотите измерить.
    4. measureit firefox аддон

  3. lori Лори
  4. lori Лори stands for “Life-of-request info”. выступает за "Жизнь-оф-запрос информации". What it does is tell you valuable info on how long it takes for your page to display, how large it is, and how many requests were made to load the page. Что она делает это рассказать вам ценную информацию о том, как долго он принимает для вашей страницы, чтобы показывать, насколько большим он ни был, а сколько запросов были сделаны при загрузке страницы.

    The first number displayed is the time it took to see the first byte returned from the server (from your click to the first byte received by your browser). Первое число отображается это время она приняла, чтобы первый байт вернулся с сервером (с вашего нажмите, чтобы первый байт, полученных в браузере). It’s displayed in seconds (up to the thousandth of a second). Это отображается в секундах (до тысячной от второго).

    The second number is how long it took to display the page (from your click to the complete rendering of the page). Второй номер, сколько времени потребовалось для отображения страницы (с вашего нажмите, чтобы завершить оказание странице). Again, the time is displayed in seconds, up to the thousandth of a second. Опять же, время отображается в секундах, до тысячной от второго.

    The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). Третье число отображается это в общей сложности размер страницы (количество байт / килобайт / мегабайт используются для отображения страницы). This value includes both bytes fetched from the server and bytes fetched from the browsers cache. Эта стоимость включает в себя как байты скачиваются с сервера и байт загружено из кэша браузера.

    The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc). Далее, и окончательное число является общее число "запросов", используемых для извлечения содержимого страницы (изображения, стиль-лист, javascript и т.д.). Again, this value includes both data downloaded from the server and cache requests. Опять же, этот показатель включает как данные загружены с сервера и кэша запросов.

    Лори firefox аддон

  5. Source Viewer Tab Источник Viewer Tab
  6. Source Viewer Tab Источник Viewer Tab is a simple but extremely helpful addon. является простой, но чрезвычайно полезный аддон. When you select View Source (or View Selected Source it opens the source view in a new tab, instead of a new Firefox window. If that weren’t enough, it also allows you to specify a totally different application to view your source with (Notepad, TextEdit - whatever your HTML editor of choice is). При выборе Просмотр источника (или Просмотр выбранного источника он открывает мнению источника в новой вкладке, а не новые окна Firefox. Если этого не достаточно, оно также позволяет указать совершенно другую программу для просмотра вашего источника с ( Notepad, TextEdit - независимо от ваших HTML редактор выбор).

    источник просмотра настроек на вкладке
    Source Viewer Tab settings Источник просмотра настроек на вкладке

    firefox отображения страницы источника в вкладке
    Source Viewer Tab displaying HTML source in a tab Источник Viewer Tab отображения HTML источник в вкладке

  7. IE View Lite IE мнение Lite
  8. IE View Lite IE мнение Lite is fairly self explanatory. довольно самоуправления пояснений. It allows you to view a page in IE. Оно позволяет просматривать страницы в IE. It has a couple of added benefits vs. similar addons. Она имеет несколько преимуществ против аналогичного addons. 1) It’s smaller and 2) It allows you specify Safari instead of IE if you’re using OS X. 1) Это мелкие и 2) она позволяет указать Safari вместо IE, если вы используете OS X.

    Right-click a blank spot on any web page and select View This Page in IE to do just that. Щелкните правой кнопкой мыши пустое место на любой веб-страницы и выбрать просмотра этой страницы в IE сделать именно это.

    источник просмотра настроек на вкладке

    To use Safari instead of IE (OS X only), change the Internet Explorer Location to /usr/bin/open and add -a Safari to the Parameters field. Для использования Safari вместо IE (только OS X) и перейдите в Internet Explorer Место / usr / бен / открыть и добавить-сафари на поле Параметры.

    IE Посмотри настройки Lite
    IE View Lite set to use Safari IE Посмотреть Lite настроен на использование Safari

  9. Firebug
  10. Firebug is without question the most advanced addon in this list. это без сомнения самые передовые аддон в этом списке. Though it’s capable of doing a lot of “expert level” things, it’s also very handy for figuring out basic stuff. Несмотря на это способны сделать много "экспертном уровне" вещи, это тоже очень удобно для узнать базовые вещи. I’ve been using it a lot lately (new theme on Simple Help) to determine which part of the .css file is causing things to render the way they do. Я использую его много в последнее время (новая тема на простых Помощь), чтобы определить, какая часть. Css файл является причиной вещей оказывать образом они делают. Webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting. имеет хорошее руководство по началу работы с Firebug если интерфейс кажется немного обескураживают. For what it’s worth, Firebug has saved me hours of frustration over the last week alone. Для чего она стоит, Firebug спасли меня часов разочарование по поводу прошлой неделе в одиночку.

    Firebug в действии
    click to enlarge нажмите, чтобы увеличить

[Digg] [del.icio.us] [Facebook] [Google]
Related Posts: Похожие сообщения:
  • How to add thumbnail previews of websites when you use Google search in Firefox Как добавить превью эскизов веб-сайтов, когда вы используете Google поиск в Firefox
  • How to add any search engine to the Firefox Search Bar Как добавить любую поисковую систему для Firefox Поиск Бар
  • How to import your StumbleUpon favorites to your Firefox 3 Bookmarks Как импортировать ваши StumbleUpon избранном для вашего Firefox 3 Закладки
  • How to add 70+ useful buttons to your Firefox Toolbar Как добавить 70 + полезные кнопки на панели инструментов вашего Firefox
  • How to update the Firefox search bar to use the new Google icon Как обновить Firefox поиск бар на использование нового значка Google
  • { 3 comments… read them below or (3 комментариев… читать их меньше или больше add one добавить одно } )

    1 1 Sumesh Sumesh 08.18.08 at 6:13 am 08.18.08 в 6:13 утра

    I can’t believe you missed Web Developer toolbar ! Я не могу поверить, вы пропустили Web Developer инструментов!
    But otherwise a good list, stumbled. Но иначе хороший список, споткнулся.

    2 2 Keith Dsouza Кейт Dsouza 08.18.08 at 8:09 am 08.18.08 в 8:09 утра

    Yea I would add Web Developer toolbar, XPather and TamperData to the list, they are really life savers. Да я бы добавил, веб-разработчик инструментов, XPather и TamperData в списке, они действительно жизни вкладчиков.

    3 3 Ky Ky 08.20.08 at 5:47 am 08.20.08 в 5:47 утра

    What about Web Developer toolbar? Что можно сказать о веб-разработчик инструментов? And Codetch? И Codetch?

    Leave a Comment Оставьте комментарий

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> Вы можете использовать HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>