Полезные дополнения для web разработчика. Браузер для веб-разработчика. Какой браузер выбрать? Выполнение Javascript на странице

Для управления службами в Windows используются следующие средства:
• Оснастка services.msc - самое удобное средство управления службами;
• Программа msconfig.exe - кроме управления службами позволяет еще управлять запуском Windows (смотри главу Полезные служебные программы Windows 7);
• Команды net и sc - используются для управления службами из командной строки. Щелкните на кнопке Пуск, введите services.msc и нажмите клавишу Enter. Вы увидите оснастку управления службами.

Разберемся, как управлять службами. Дважды щелкните на какой-нибудь службе - выберите любую, нас сейчас не интересует какая-то конкретная служба. Вы увидите окно свойств службы.

Вкладка Общие содержит имя службы, описание службы, имя выполняемого файла службы, кнопки управления службой. Здесь вы можете изменить тип запуска. Из списка Тип запуска можно выбрать один из типов запуска службы.

В поле Состояние выводится текущее состояние службы:
• Работает - служба запущена и работает в данный момент;
• Остановлена - служба не запущена;
• Приостановлена - служба запущена, но приостановлена в данный момент.

Кнопки управления службами:
• Запустить - запускает остановленную (или еще не запущенную) службу;
• Остановить - остановить службу;
• Приостановить - приостановить выполнение службы (не все службы поддерживают приостановку); для продолжения выполнения службы используется кнопка Продолжить;
• Продолжить - продолжить выполнение службы.

Пока ничего изменять не нужно, чтобы это отрицательным образом не отразилось на вашей системе. Перейдите лучше на вкладку Зависимости: на ней вы узнаете, от каких других служб зависит данная служба и какие другие службы зависят от нее.
Учтите, что если от службы зависят другие службы и вы останавливаете службу, то все зависимые службы тоже не будут работать.

Если вы активный пользователь браузера Google Chrome, то самое время прокачать его на полную катушку инструментами настоящего разработчика. Вот список популярных плагинов, который упростит работу и разнообразит обыденный интернет-сёрфинг.

Stylebot

Если вы хотите переделать любимые интернет-страницы на свой лад, то лучше плагина не найти.

Image Downloader

Приложение для скачивания понравившихся картинок с любого сайта.

DomFlags

Создание меню ссылок для быстрой навигации по вашему коду.

CSS-Shack

Очень удобная утилита, в которой вы можете работать с текстом, изображениями, верстать страницы, а потом просто экспортировать файл в CSS и пользоваться в создании свей страницы.

Marmoset

Предельно бесполезное приложение для создания красивых скриншотов вашего кода. Под красотой понимается возможность изменения цвета фона и вращение в 3D.

iMacros for Chrome

Если вам надо настроить тестирование веб-страницы путём циклического совершения определённых действий, то это приложение именно то, что нужно.

Font Playground

Не самое замысловатое приложение, но крайне удобное. Позволяет быстро оценить изменение шрифта, как в отдельном блоке, так и на всей странице.

Firebug Lite

Возможно, вы знаете про подобную мощную надстройку для Firefox, которая служит отладчиком и DOM-инспектором JavaScript, HTML, CSS. Чуть менее функциональная версия есть и на Chrome.

Window Resizer

Позволяет быстро посмотреть, как будет выглядеть страница на экране произвольного размера.

Ripple Emulator

Аналогичная утилита, которая демонстрирует отображение страницы на конкретном гаджете.

Project Naptha

Приложение будет полезно не только разработчику, но и простому пользователю. Позволяет копировать текст с картинки, редактировать его и даже переводить.

What Font

Чтобы узнать, какой перед вами шрифт, просто установите в браузер приложение What Font.

ColorZilla

А это приложение позволит узнать номер цвета.

Yslow

Данная утилита не просто покажет скорость загрузки страницы, но и подскажет, что именно эту самую скорость снижает.

Web Developer

Какой веб-разработчик сможет жить без приложения Web Developer? Добавляет на главное окно кнопки-стандартные инструменты разработчика.

Page Ruler

Рулетка для веб-страниц сообщит вам габариты того или иного элемента.

DevTools Autosave

Как понятно из названия, данное приложение автоматически сохраняет ваши труды по созданию кода.

Instant Wireframe

С помощью этой утилиты вы сможете на любо ресурсе просмотреть структурную схему страницы (wireframe).

Search Stackoverflow

Быстрый поиск по популярному сервису вопросов и ответов для программистов и разработчиков.

PerfectPixel

Приложение для работы со слоями в вебе, в частности можно делать их полупрозрачными.

Chrome Daltonize

Если вдруг решите сделать сайт, рассчитанный в том числе на людей с проблемой цветоощущения, то непременно воспользуйтесь этой утилитой.

Check My Links

А какими расширениями и приложениями браузера вы пользуетесь в работе?

iMacros - расширение, которое помогает в тестировании веб-страниц. Вместо того, чтобы самостоятельно проделывать одни и те же действия на странице, разработчику нужно лишь записать требуемую последовательность действий в iMacros и запускать расширение тогда, когда это необходимо.

Расширение способно работать с сайтами, реализованными при помощи технологий Java, Flash, Flex, Ajax и Silverlight.

2. Font Playground

Расширение для тех, кто любит «поиграть со шрифтами» - позволяет экспериментировать со всем спектром шрифтов из библиотеки Google Fonts, не внося изменений в код страницы. Можно менять не только сам шрифт, но и его размер, стиль написания и так далее.

3. Project Naptha

Расширение для Google Chrome, которое позволяет выделять и копировать текст даже с картинок - будет полезным, по мнению Cretive Bloq, всем, кому хоть раз в своей работе приходилось иметь дело со встроенным текстом.

4. What Font

Расширение, которое позволяет мгновенно определить, какой шрифт использован на той или иной странице, не производя почти никаких дополнительных действий - наведя курсор мыши на надпись.

5. YSlow

YSlow - инструмент, который не только проверяет скорость загрузки той или иной веб-страницы, но и подсказывает разработчику, что её тормозит. Для этого расширение проверяет сайт на соответствие 23 из 34 правил производительности , сформулированных командой компании Yahoo.

6. Web Developer

Целый набор полезных инструментов для управления элементами сайта - например, для анализа веб-ресурсов и макетов, тестирования кода и мгновенного изменения параметров и внешнего вида страницы.

7. Web Developer checklist

Расширение для автоматической проверки, удовлетворяет ли сайт основным принципам SEO, достаточно ли он производителен и удобен для пользователя. Результаты проверки представляются в виде своеобразного чек-листа - можно посмотреть более подробную информацию и рекомендации по каждому из невыполненных пунктов, а также моментально исправить ошибки.

8. DevTools Autosave

Позволяет в автоматическом режиме сохранять любые изменения, внесённые в код страницы при помощи инструментов Chrome DevTools. Как отмечает автор материала, инструмент помогает разработчикам сэкономить большое количество времени.

9. Instant Wireframe

Расширение, при помощи которого можно «превратить» любую страницу в структурную схему компоновки материала - wireframe. Позволяет разработчикам и веб-дизайнерам не выходя из браузера ознакомиться с компоновкой любой страницы в сети.

10. Ripple Emulator

Ripple Emulator - расширение-эмулятор для Google Chrome, которое позволяет тестировать веб-сайты на различных мобильных платформах с различными разрешениями экрана. Может быть использовано в сочетании с другими расширениями для тестирования и отладки ресурсов.

11. Streak

Streak - расширение, которое позволяет превратить почтовый ящик на Gmail в CRM-систему. Можно отслеживать статус сделок и переговоров, которые ведутся в электронной почте с контрагентами, использовать Streak для обработки запросов пользователей продукта и отслеживания исправлений присланных ошибок и так далее.

12. Search Stackoverflow

Расширение для быстрого поиска по популярному ресурсу для разработчиков Stack Overflow.

13. PHP Ninja Manual

Позволяет получить мгновенный доступ к документации по PHP 5.5 из браузера.

14. PerfectPixel

PerfectPixel - расширение для Google Chrome. Оно позволяет «наложить» на веб-страницу полупрозрачную сетку и сверять по ней заданные расстояния. Можно накладывать и другие изображения - например, первоначальный макет - чтобы убедиться, что получившаяся страница в точности ему соответствует:

15. Code Cola

Инструмент для просмотра исходного кода страниц и редактирования CSS-кода.

Можно менять тени, окружности бокса и так далее с помощью перетаскивания ползунка. После внесения изменений можно скопировать получившийся код и заменить его в коде сайта.

16. Chrome Sniffer

Расширение для браузера, которое определяет, какие JavaScript-библиотеки, фреймворк или CMS используются на ресурсе.

17. User-Agent Switcher

User-Agent Switcher - это расширение, которое позволяет «маскировать» браузер Google Chrome под Internet Explorer, Opera или любой другой браузер.

18. IE Tab

Встроенный эмулятор Internet Explorer для Chrome.

19. PicMonkey

Простой и бесплатный онлайн-редактор изображений. Позволяет «захватывать» изображения или делать скриншоты браузера - и сразу же редактировать их при помощи расширения для Chrome.

20. Chrome Daltonize

Расширение, которое помогает адаптировать веб-сервисы для тех пользователей, которые страдают дальтонизмом - демонстрируя разработчику, как сайт видят те, кто страдает этим заболеванием. Позволяет веб-дизайнерам и разработчикам создавать более доступные сервисы.

21. Page Ruler

Простой инструмент, который помогает определить высоту, ширину и положение любого элемента на странице.

22. Check My Links

Расширение, которое проверяет веб-страницу на наличие «битых» или неправильных ссылок.

23. Flickr Tab

Расширение, которое помогает не столько в разработке, сколько в поиске вдохновения и хороших фотографий. Показывает на каждой новой вкладке в Google Chrome одно изображение с сервиса Flickr. При нажатии на него пользователь переходит на страницу автора, где может ознакомиться с другими его работами.

24. Google Art Project

Расширение для браузера, похожее на предыдущий плагин в этом списке - только вместо фотографий из Flickr в новой вкладке пользователь видит признанные произведения искусства - например, полотна кисти Ван Гога или Мане.

25. Data Saver

Официальное расширение от Google для сжатия трафика, которое включает экономию трафика в браузере Google Chrome.

Порывшись немного в интернете, нашел некоторую статистику использования браузеров. Конечно, данные цифры относительные и усредненные. Вот, что показывает статистика Liveinternet:

• Google Chrome — 24,2%;
• Firefox — 19,6%;
• Opera — 12,3%;
• Internet Explorer — 10,2%;
• Safari — 4,5%

Из собранных данных видно (кстати, данная статистика за 2013 г.) видно, что большую популярность среди пользователей получил браузер Google Chrome. Да, действительно Chrome заслуживает внимания: скорость, поддержка современных технологий, стабильность, расширяемость. Но мой выбор пал не на него. Почему же?

Каким браузером пользуюсь я?

Мне очень нравятся браузеры Google Chrome, Opera, Safari. Есть в каждом из них что то особенное. Но мой выбор — . Почему, что в нем особенного? В первую очередь, прежде чем задать данный вопрос, подумайте к какой категории пользователей вы относитесь? Я вот — веб-разработчик, и мой выбор очевиден.

Но это не единственная причина. Есть еще много всяких нюансов, которые помогли мне сделать выбор в пользу лисы. Я заметил, что работая с сайтами, а именно в панели управления (визуальный редактор и все такое) корректно мне удавалось работать только в Firefox. В остальных же, в том числе, и в Google Chrome наблюдались постоянно непонятные ошибки. Мне трудно сейчас это объяснить, но думаю, некоторые веб-мастера уже столкнулись с этим и прекрасно меня понимают.

Еще одним несомненным плюсом в пользу Firefox является огромное количество расширений. Их настолько много, что даже не знаешь что выбрать. Я собрал себе некоторый пакет нужных мне расширений, без которых я не представляю себе свою работу. О них я расскажу в следующей статье.

Недостатки Firefox

Естественно, у Mozilla Firefox есть недостатки и их немало. Вот основные из них, которые я могу выделить:

• большое потребление ресурсов компьютера (особенно, когда открыто много вкладок). Зачастую слабенький компьютер просто его не тянет, тупо зависает;
• частые сбои.

В силу своей медлительности и заторможенности многие вынуждены отказать от данного комбайна Firefox. Да и очередной крах плагина не особо обрадует. Не спорю, что есть, то есть. Но для веб-разработок я пользуюсь именно им. Также и другим советую.

Все выше изложенное, это мое сугубо личное мнение. Я знаю веб-мастеров, которые пользуются только Google Chrome и прекрасно со всем справляются. В общем, выбор за вами, а я свой уже сделал?

А каким браузером пользуетесь вы?