Developer Tools – Stepan Suvorov Blog https://stepansuvorov.com/blog Release 2.0 Wed, 06 May 2015 13:10:53 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.1 Еще немного вкусного от Chrome для разработчиков https://stepansuvorov.com/blog/2015/05/%d0%b5%d1%89%d0%b5-%d0%bd%d0%b5%d0%bc%d0%bd%d0%be%d0%b3%d0%be-%d0%b2%d0%ba%d1%83%d1%81%d0%bd%d0%be%d0%b3%d0%be-%d0%be%d1%82-chrome-%d0%b4%d0%bb%d1%8f-%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82/ https://stepansuvorov.com/blog/2015/05/%d0%b5%d1%89%d0%b5-%d0%bd%d0%b5%d0%bc%d0%bd%d0%be%d0%b3%d0%be-%d0%b2%d0%ba%d1%83%d1%81%d0%bd%d0%be%d0%b3%d0%be-%d0%be%d1%82-chrome-%d0%b4%d0%bb%d1%8f-%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82/#respond Wed, 06 May 2015 21:45:39 +0000 http://stepansuvorov.com/blog/?p=2580 Continue reading →]]>
  • Быстрое переключение между файлами
  • Поддержка мультикурсора
  • Pretty Print

    • Быстрое переключение между файлами

    Такая функция есть в большинстве современных редакторов, теперь она и в Chrome – вызывается по нажатию Ctrl + P (Cmd + P для Mac):

    chrome file switch

    так же позволяет переходить по строкам в файле, если набрать :номер_строки

    Поддержка мультикурсора

    Воспользоваться мультикурсором можно используя Ctrl (Cmd для Mac)

    chrome MultipleSelectClick

    Pretty Print

    Добавлена функция автоматического форматирования кода Pretty Print.

    chrome PrettyPrint

    Пост был составлен на основе вот этой статьи, от туда же взяты и иллюстрации.

    ]]>     https://stepansuvorov.com/blog/2015/05/%d0%b5%d1%89%d0%b5-%d0%bd%d0%b5%d0%bc%d0%bd%d0%be%d0%b3%d0%be-%d0%b2%d0%ba%d1%83%d1%81%d0%bd%d0%be%d0%b3%d0%be-%d0%be%d1%82-chrome-%d0%b4%d0%bb%d1%8f-%d1%80%d0%b0%d0%b7%d1%80%d0%b0%d0%b1%d0%be%d1%82/feed/ 0     JavaScript сниппеты в Chrome https://stepansuvorov.com/blog/2015/01/javascript-%d1%81%d0%bd%d0%b8%d0%bf%d0%bf%d0%b5%d1%82%d1%8b-%d0%b2-chrome/ https://stepansuvorov.com/blog/2015/01/javascript-%d1%81%d0%bd%d0%b8%d0%bf%d0%bf%d0%b5%d1%82%d1%8b-%d0%b2-chrome/#comments Fri, 30 Jan 2015 21:22:21 +0000 http://stepansuvorov.com/blog/?p=2243 Continue reading →]]> Еще одна прекрасная вещь внезапно обнаруженная мной в Chrome – это возможность создания JavaScript сниппетов – кусочков кода, которые можно будет выполнить в любой момент на странице.

    Чтобы добавить новый сниппет просто заходим в WebDeveloper -> Sources -> Snippets (табик справа) и жмем “New”:

    add js snippet

    Крайне удобно для тестирования и отладки. Например: я добавил сниппет, который подсчитывает количество вотчеров для моего AngularJS приложения:

    count watcher snippet

    Ключевые моменты JS-снипетов:

    Глеб Бахмутов уже успел собрать коллекцию популярных сниппетов.

    ]]>     https://stepansuvorov.com/blog/2015/01/javascript-%d1%81%d0%bd%d0%b8%d0%bf%d0%bf%d0%b5%d1%82%d1%8b-%d0%b2-chrome/feed/ 2