5 лучших фишек Google Chrome для мега продуктивности

В этой статье хочу рассказать 5 о фишках Google Chrome которые существенно облегчают жизнь разработчиков.

 

1. Скрытые команды обновления страниц

Google Chrome славится своим агрессивным кэшированием. И если для пользователя это как правило благо, поскольку благодаря кэшированию ускоряется открытие страниц, то для разработчикам кэширование контента как правило мешает – не подгружаются только что модифицированные файлы и невозможно понять повлияли ли твои изменения на поведение приложения или нет. Видимо, чтобы облегчить жизнь разработчикам в Google Chrome в режиме разработки (при открытых инструментах разработчика) есть специальные команды для обновления страницы. Чтобы их увидеть надо навести курсор на кнопку обновления страницы нажать и удерживать курсор мыши нажатым 1-2 секунды. Затем под кнопкой появятся разнообразные команды для обновления страницы: Normal Reload, Hard Reload и Empty Cache and Hard Reload.

clip_image002

Команды – это кончено хорошо, но если вы вдруг обнаруживаете, что вызывать их приходится очень часто, то лучшим решением будет просто отключить кэширование в Chrome при открытых инструментах разработчика. Эта опция находится в настройках Developer Tools (иконка с шестеренкой в нижнем правом углу), закладка General.

clip_image004

 

2. Открытие скриптов и быстрый переход к функции в файле

Вторая супер-мега фича это открытие файлов скриптов и быстрый переход к функции в файле. Тем, кто пользуется Resharper\WebStorm\Idea будут эти фишки знакомы, а кто не пользуется, уверен, найдут их очень полезными. Чтобы открыть файл скрипта есть комбинация клавиш Ctrl+O. Она совсем не является срытой и даже напротив написана на закладке Source если у вас нет открытых скриптов (“Hit Ctrl+O to open a file” на первом скриншоте).

clip_image005

Что делает эту функцию еще более полезной – так это поиск файла по заглавным. Как видно на скриншоте ниже введя wlc в поле поиска при открытии файлов Chrome нашел по заглавным буквам WindowsLiveConnect_c.js файл.

clip_image006

Отрыв файл и нажав менее очевидную комбинацию клавиш Ctrl+Shift+O мы попадаем в окно для быстрого перехода к функции в файле (Go to member).

clip_image007

 

3. Поиск по всем файлам

Поиск вызывается комбинацией клавиш Ctrl+Shift+F и производится по содержимому загруженных файлов в веб приложение.

clip_image009

Искомый текст выделен в тексте, а найденные фрагменты очень удобно сгруппированы по файлам. Это незаменимая функция особенно при работе с большими проектами, содержащими более одного веб приложения и включающими, порой, не одну сотню файлов. В отличие от аналогичного поиска средствами IDE где поиск идет по всем файлам включенных в проект (без учета был ли файл загружен в веб приложение) поиск по файлам Google Chrome идет только по загруженным файлам.

 

4. Маскировка и смена ориентации

При веб-разработке под мобильные устройства порой бывает необходимость «притвориться» мобильным устройством. Для такой маскировки в Chrome можно поменять User Agent и установить размер окна советующий мобильному устройству (телефону или планшету). На скриншоте ниже я выбрал User Agent соответствующий iPhone c iOS 4 и задал размеры экрана. После обновления страницы Bing отобразил свою мобильную версию.

clip_image011

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

clip_image012

С ее помощью очень удобно эмулировать смену ориентации мобильного устройства.

 

5. Google Chrome как редактор файлов

Кто бы мог подумать, но Chrome это не только браузер и дебаггер. Это еще и редактор файлов. С подсветкой синтаксиса и простым автокомплитом (интелли сенсом назвать его пока сложно). Конечно ему еще далеко до возможностей, которые есть в профессиональных IDE, но чем черт не шутит. С тем рвением, которым команда Google Chrome развивает свой браузер для удобства разработчиков, я думаю, что это вопрос времени.

Чтобы опробовать возможности встроенного редактора сделайте 2 простых шага:

1. Откройте настрой Developer Tools и перейдите на закладку Workspace.

clip_image013

2.  Нажмите кнопу Add folder и выберите папку где находятся файлы, которые вы собираетесь редактировать (браузер запросит разрешения для DevTools для работы с файлами)

Подготовительные работы закончены. Далее привычной командой Ctrl+O открываете файл, с которым хотите работать.

Комментарии

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

Популярные сообщения из этого блога

Команды docker save/load, docker export/import – в чем отличие, как и когда ими пользоваться

Изображение
В этой статье я хочу рассказать про пары команды docker save/load и docker export/import, показать примеры их использования и рассказать чем они отличаются. Да и как обычно, если тексту с картинками вы предпочитаете видео, то вот моя видео-инструкция на YouTube. Команды docker save и docker load Начнем с пары docker save/load. Эта пара команд работает с докер-имиджами. Команда docker save сохраняет имидж с локальной машины в tar-архив. Этот архив содержит всю необходимую информацию, чтобы потом восстановить докер-имидж. Восстановление докер-имиджа из tar-архива производится командой docker load.  Теперь посмотрим на примере как это делается. У меня локально есть докер-имидж “alpine”.  Чтобы сохранить его как tar-архив воспользуемся командой  docker save alpine -o alpine-image.tar Обратите внимание, на ключ  “-o“. Он позволяет указать имя файла, в который надо сохранить докер-имидж. Теперь я удалю этот имидж из системы командой  docker image rm alpine  Как вы видите, никаких имиджей у м
Далее...

Как узнать, кто заблокировал файл или папку

Изображение
Я регулярно пользуюсь утилитами Sysinternals и хочу поделиться одним из cпособов как при помощи Process Explorer выяснить какой процесс заблокировал доступ к файлу или папке. Использовать утилиты очень удобно – они бесплатны, не требуют инсталляции и могут быть запущены без предварительного скачивания из интернета (см http://live.sysinternals.com/ ). Последние 2 пункта делают их очень удобными при анализе и устранении проблем на серверах. Я недавно завел Ютуб-канал, где выкладываю видео по теме блога. Приглашаю Вас посмотреть и подписаться что бы не пропустить новые выпуски. Итак, как же узнать, кто держит тот или иной файл или папку. Для скриншотов я смоделировал такую ситуацию нарочно, открыв в Word файл "D:\temp\Doc1.docx" и пытаясь его в это же время удалить в проводнике. При попытке удалить файл получаю следующее сообщение Поищем этот документ в Process Explorer: Find->Find Handle or DLL… В появившемся окне вводим имя заблокированного файла и жмем Search Двойной к
Далее...

Эрик Гамма переходит на работу в Майкрософт

Как пишет в своем блоге Janson Zanders, признанный эксперт в области разработки программного обеспечения, соавтор книги Design Patterns, один из разработчиков JUnit и Eclipse -- Эрик Гамма присоединится к команде разработчиков Visual Studio и возглавит Visual Studio development lab в Цюрихе. Подробнее здесь .
Далее...