Javascript.RU

Подбираем инструментарий

Как и в любом другом деле - инструменты всякие нужны и важны.

Настоящему будущему гуру обязательно надо поставить

  • а) правильный браузер
  • б) правильное средство отладки
  • в) правильный редактор

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

Firebug помогает разобраться с ошибками javascript, посмотреть и тут же исправить CSS/DOM, и многое другое.

В качестве редактора под Windows - попробуйте SciTe, под Linux - Quanta или vim.

Конечно, и другие редакторы подойдут, главное - подсветка JS-кода. В статье рассмотрен SciTe просто для примера, если до этого Вы пользовались Notepad или чем-то похожим по отсутствию возможностей

Узнать об отладке в Opera, IE и подобрать дополнительные инструменты из сундучка по отладке можно будет потом, по мере надобности.

На этом видео проиллюстрирована установка Firefox и подключение Firebug.

Здесь показана установка редактора SciTe, создание в нем файлов.

Также видно, как удобно отлавливать ошибку в Firebug.

P.S. Видео не на YouTube, а в виде скачиваемых файлов - для лучшего качества.

Большое количество различных инструментов для разработки и отладки находится в сундучке с инструментами. Обязательно загляните туда на досуге.


Автор: Stas (не зарегистрирован), дата: 27 июня, 2008 - 15:37
#permalink

Лично я пользуюсь очень удобным, мощным и бесплатным редактором Aptana под Eclipse


Автор: Крамольный (не зарегистрирован), дата: 3 июля, 2008 - 11:58
#permalink

А Zend прокатит? Что-то скайт этот мне не особо приглянулся...


Автор: AzriMan (не зарегистрирован), дата: 16 февраля, 2009 - 15:40
#permalink

Да, конечно, прокатит, особенно учитывая, что Zend редактор платный, как таковой, а SciTE бесплатный


Автор: Илья Кантор, дата: 3 июля, 2008 - 23:38
#permalink

Пишите, пожалуйста, о Ваших редакторах и их преимуществах в "сундучке": Редакторы javascript.


Автор: Гость (не зарегистрирован), дата: 4 июля, 2008 - 12:53
#permalink

Спасибо, статья очень помогла.


Автор: Гость (не зарегистрирован), дата: 10 августа, 2008 - 10:45
#permalink

Про редакторы. Я обычно пользуюсь vim. А под Windows использую Notepad++.


Автор: Sh0dan (не зарегистрирован), дата: 31 августа, 2008 - 00:55
#permalink

Aptana однозначно рулит. Очень хорошо заточена под JS, HTML, CSS.


Автор: Cергей (не зарегистрирован), дата: 31 августа, 2008 - 16:49
#permalink

Спасибо за Firebug!Классная шняга!!!


Автор: Гость (не зарегистрирован), дата: 3 сентября, 2008 - 20:22
#permalink

Firebug-ом пользуюсь столько сколько верстаю, рульная вещь =) а редактор мне не приглянулся совсем


Автор: Dekker8, дата: 5 сентября, 2008 - 22:40
#permalink

Не знаю как насчет редактора мне больше всего нравится Adobe Dreamweaver


Автор: JS Гость (не зарегистрирован), дата: 14 сентября, 2008 - 11:59
#permalink

Ну не знаю, чаще пишу hta apllication и я привык блокнотом редактировать.
Но, пишу как умею.


Автор: Гость (не зарегистрирован), дата: 24 сентября, 2008 - 17:58
#permalink

Чем можно еще дебажить Java Script?


Автор: Гость (не зарегистрирован), дата: 24 октября, 2008 - 08:12
#permalink

Developer Tools в IE8 аналог Firebug'a


Автор: IzumeRoot, дата: 30 октября, 2008 - 17:39
#permalink

Под linux в качетсве редактора и даже IDE - kwrite, gedit, jseclipse


Автор: Barrio, дата: 3 ноября, 2008 - 18:45
#permalink

ага Adobe Dreamweaver - самый лучший редактор для всего, что только можно редактировать, всем советую!


Автор: Dudin (не зарегистрирован), дата: 14 декабря, 2008 - 18:51
#permalink

А видео то не пашет...


Автор: Илья Кантор, дата: 15 декабря, 2008 - 11:09
#permalink

Чего не пашет? Подробнее багрепорт, пожалуйста.


Автор: Gorini4 (не зарегистрирован), дата: 25 января, 2009 - 23:30
#permalink

Требует кодек. Хотя K-Lite стоит


Автор: Yury (не зарегистрирован), дата: 7 февраля, 2009 - 01:21
#permalink

может ли firebug сохранять измененный файл, у меня что-то не получается


Автор: Илья Кантор, дата: 7 февраля, 2009 - 07:29
#permalink

не может


Автор: max_04, дата: 11 февраля, 2009 - 15:59
#permalink

помогите!почему в firebug окне там где script не показывает исходный код файла js а пишет Failed to load source for sourceFile top-level http://localhost/ajax/test.js script.tags( X| 1313 )


Автор: Гость (не зарегистрирован), дата: 15 февраля, 2009 - 11:15
#permalink

У меня такая же шняга, кстати; только FireBug пишет:

(1) Failed to load source for sourceFile URLOnly file:///C:/Site1/index.html script.tags( )

... во вкладке 'Script'. Эту строчку (1) можно отлаживать, установив на неё прерывания, только вот всё равно безсмысленно, так как исходный код посмотреть всё равно не получается.

Кстати: как отлаживать и посмотреть в FireBug код, подключённый через тэг <script src="(исходник).js"> при такой ошибке? Это баг, конфликт плагинов в Firefix или я чего-то не понял?

Подсобите, кто знает.

Обидно: кнопочки отладки на экране виднеются, а воспользоваться ими не получается...

В чём тут дело?


Автор: Гость (не зарегистрирован), дата: 15 февраля, 2009 - 13:18
#permalink

Дело в том, что FireBug требует, чтобы файлы, содержащие символы, кодирующие русские буквы, расположенные в комментариях/текстовых литералах программы JavaScript, сохранённой в файле .js, или в комментариях/текстовых значениях свойств html-тегов, содержащихся в html-файле, были записаны на диск из Блокнота (Notepad.exe) в Windows не в формате ANSI; если .js-файл/.html-файл содержит символы, кодирующие русские буквы, даже в указанных местах соответствующей (.js- или .html-) грамматики, содержащий такие русские символы упомянутый .js-/.html-файл корректно загружается, распознаётся, отражается (и исполняется, если это .js-файл) Браузером (во всяком случае, Mozill'ой 3.0.+ и Internet Explorer'ом 6.0.+), но некорректно (с ошибкой "Failed to load source for sourceFile <и т.д.>") отображется plug-in'ом FireBug (по крайней мере, той версией, которая установлена у меня - а это FireBug 1.3.2).

Мне помогло избавить дебаггер FireBug'а от этого надоедливого сообщения ("Failed to load source for sourceFile <и т.д.>") пересохранить весь сайт из Блокнота (Notepad.exe) Windows XP в кодировке UTF-8.

Возможно, кто-то знает и другие способы избавиться от отсутствия текста, впрочем, хорошо исполняемого в Браузере, исходного файла в FireBug'е, или, быть может, другие причины ошибки "Failed to load source for sourceFile <и т.д.>" - или более быстрые, чем по-файловое открытие в Блокноте Windows, способы перекодировать web-сайт целиком в формат (например, UTF-8), хорошо понимаемый FireBug'ом, для начинающего отлаживать свой сайт впервые из под Windows.

Пишите ответ здесь.

А вообще сайтище полезный - если б не эта досадная маленькая "ошибка" в FireBug, из-под Windows цены бы ему не было.


Автор: Андрей Параничев, дата: 25 февраля, 2009 - 04:46
#permalink

Последняя версия багнутая, часто слетает (например на нашем форуме). Думаю исправят к следующему релизу.


Автор: Гость (не зарегистрирован), дата: 19 мая, 2009 - 16:36
#permalink

Лучшеб на Ютуб видео пихнул, качать не охота.


Автор: dzyanis, дата: 8 июня, 2009 - 18:10
#permalink

Насчет среды. Лично я пишу под NetBeans, работает и под Windows и под Linux. До этого писал на ZendStudio. NB лучше!


Автор: Anton86 (не зарегистрирован), дата: 24 сентября, 2009 - 12:19
#permalink

Давно уже FireFox не лучше всех поддерживает стандарты. К слову, на данный момент, тест на соответствие стандартов Opera проходит, а FireFox 3.5 лишь на 96%. Это я не к тому, что нужно писать что опера лучше всех блюдет стандарты, но я б либо убрал голословное утверждение, либо перечислил бы все браузеры, которые более менее блюдут стандарты, а именно, FF, Opera, Chrome, Safari, IE8.


Автор: Гость (не зарегистрирован), дата: 24 сентября, 2009 - 12:19
#permalink

Я про ACID 3


Автор: Гость (не зарегистрирован), дата: 28 сентября, 2009 - 13:00
#permalink

В качестве редактора под линукс можно также использовать Bluefish.Хороший и приятный на мой взгляд редактор.


Автор: Гость (не зарегистрирован), дата: 16 октября, 2009 - 13:04
#permalink

NotePad лучше всех!


Автор: Nailgun (не зарегистрирован), дата: 18 ноября, 2009 - 12:06
#permalink

Кроме Firebug, рекомендую встроенные Developer Tools в браузере Chrome (Ctrl+Shift+J). По функциональности не уступает firebug. А так же его интерфейс работает пошустрее. Для моего нетбука это актуально.


Автор: Tema Lavrov (не зарегистрирован), дата: 14 декабря, 2009 - 22:41
#permalink

а я сколько себя помню сидел на Award-Winning IDE ActiveState Komodo 5 Pro, пусть она денег стоит, но она их стоит


Автор: Гость (не зарегистрирован), дата: 13 января, 2010 - 17:39
#permalink

некоторые редакторы на подобие Notepad++ вставляют в начало невидимые символы, которые могут сильно помешать... например, я учил работу с cookie в php из-за этого хедеры отсылались раньше и куки не устанавливались, так что редактор тоже надо грамотно подбирать) я лично вообще всё в блокноте)) с голыми руками на пулемёты, так сказать)


Автор: B@rmaley.e><e, дата: 13 января, 2010 - 18:18
#permalink

А кодировка какая была? У меня при сохранении в np++ заголовки отдаются нормально.


Автор: 1 (не зарегистрирован), дата: 16 января, 2010 - 14:29
#permalink

Лучше всего для написания HTML страниц использовать Notepad++, несоглашусь с тем, кто его нелюбит


Автор: @Hunter@, дата: 2 февраля, 2010 - 18:43
#permalink

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

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


Автор: @Hunter@, дата: 2 февраля, 2010 - 18:49
#permalink

Конечно, и другие редакторы подойдут, главное - подсветка JS-кода. В статье рассмотрен SciTe просто для примера, если до этого Вы пользовались Notepad или чем-то похожим по отсутствию возможностей

Notepad ++ последней версии очень достойный вариант, если вы занялись JS даю руку на отсечение что дело дойдет и до PHP, либо Perl'a а так же языка запросов к БД SQL, тут и пригодится редактор поддерживающий подсветку синтаксиса нескольких языков, notepad++ знает синтаксис более 50 языков включая все вышеперечисленные


Автор: zm8, дата: 4 февраля, 2010 - 11:47
#permalink

notepad++ - это же несерьёзно. юзаю Eclipse + Spket на линуксе и винде, устраивает почти всё, хороший поиск/замена по регуляркам.
хромает Outline, к примеру, если в методе объекта есть такой блок кода

switch (onCellRender({
			rendering : this,
			renderOptions : options,
			currRow : r,
			currCol : c
		})) {
	case 'BREAK_CELL_RENDER' :
		break colsLoop;
	/* ... */
}

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

----------------------------------------
window.open(window.location);


Автор: ГостьЯ (не зарегистрирован), дата: 5 февраля, 2010 - 20:40
#permalink

Использую PrimalScript, устраивает во всём=)


Автор: Сумрак (не зарегистрирован), дата: 15 февраля, 2010 - 18:05
#permalink

На мой взгляд самы лучший редактор кода для любого языка Notepad++. Я в нем и сайты, и обычные проги на C++ и на Pascаle пишу))


Автор: pilot, дата: 7 марта, 2010 - 00:29
#permalink

пользуюсь netbeans, и бесплатно и удобно)


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
11 + 1 =
Введите результат. Например, для 1+3, введите 4.
 
Текущий раздел
Поиск по сайту
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Статьи и мероприятия

Будьте в курсе наших последних новостей!

Ответьте, пожалуйста..
О чем бы вы хотели услышать на конференции по javascript?

На какие темы послушать доклады? Конференция состоится в середине мая.


Последние обсуждения на форуме
Forum
Последние комментарии