5 October 2009

Удаляем вызовы firebug'овской консоли перед выкладкой на produciton

Website development
Предисловие

В последнее время на хабре стало как-то мало постов, относящихся к веб-разработке. Надеюсь, мой пост будет смотреться выигрышней за счет контраста :)

Сама статья:


На днях надо было сходить показать представителю заказчика, как пользоваться одной свежевстроенной в проект фичей.

За полчаса до выхода подготовил новый билд, протестировал.

По приезду оказалось, что у заказчика фича не работает. Неприятно получилось, в общем.

Оказалось, что я забыл удалить в функции-обработчике события вызов firebug'овской консоли (console.log… и т.п.) Со мной вообще часто бывает такое, что я то какой-то символ, случайно ткнув на клавиатуру, допишу, то, наоборот, удалю — короче, использование редакторов без подсветки синтакса и (желательно) анализа структуры кода мне противопоказаны.

Так как я использую apache ant для развертывания приложения на боевой сервер, я дописал маленький скриптик, который уберет все вызовы console.log(/* something */) или console.dir(/* something */) из вашего кода.

Собственно, вот он:

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <project name="deploy" default="stripFirebugConsoleCalls" basedir=".">
  3. <!-- место, где сложены наши еще не сжатые и не слитые в один файл -->
  4. <property name="js" value="js/"/>
  5. <!-- регулярка для отлова нездоровых элементов (беззастенчиво утянута с yui builder'a, и слегка доведена напильником)
  6. github.com/yui/builder/blob/master/componentbuild/shared/properties.xml 79-я строка -->
  7. <property name="firebug.console.regex" value="^.*?(?:console.log|console.dir).*?(?:;|\).*;|(?:\r?\n.*?)*?\).*;).*;?.*?\r?\n" />
  8. <property name="firebug.console.regex.flags" value="mg" />
  9. <property name="firebug.console.regex.byline" value="false" />
  10. <property name="firebug.console.regex.replace" value="" />
  11. <!-- Сам таргет тоже без затей "вдохновен" YUI Builder'ом, оригинал тут:
  12. github.com/yui/builder/blob/master/componentbuild/3.x/module.xml 19-я строка -->
  13. <target name="stripFirebugConsoleCalls" description="Replace firebug console calls">
  14. <replaceregexp byline="${firebug.console.regex.byline}"
  15. match="${firebug.console.regex}"
  16. replace="${firebug.console.regex.replace}"
  17. flags="${firebug.console.regex.flags}">
  18. <fileset dir="${js}" includes="*.js" />
  19. </replaceregexp>
  20. </target>
  21. </project>
* This source code was highlighted with Source Code Highlighter.

Использовать так: создать xml-файл с удобным вам именем (например, boom.xml) и скопипастить в него этот код. Разумеется, стоит поправить значение переменной js, которая указывает на папку с еще не сжатыми js-скриптами. После этого запускаем адскую машину такой командой (для bash):

ant stripFirebugConsoleCalls -buildfile /path/to/boom.xml

Вот и все. Засим я откланиваюсь до следующего ЧП или конца проекта.
Tags:deployfirebugantyui builder
Hubs: Website development
+35
772 22
Comments 79
Top of the last 24 hours