Навигация в режиме просмотра кода

В режиме просмотра кода можно просматривать другие файлы проекта, переходить по документу и выполнять поиск по коду.

Просмотр файлов

Когда Google Web Designer находится в режиме просмотра кода, на панели Файлы слева отображается список файлов и подпапок в папке проекта. Панель обновляется автоматически, поэтому все изменения списка появляются на ней.

Как открыть файл

Выберите файл на панели, чтобы открыть его в новой вкладке. Поддерживаются следующие типы файлов:

• файлы с кодом HTML, созданные в Google Web Designer
• другие файлы HTML*
• CSS*
• JS*
• JSON*
• SVG*
• XML*

^{* Только для редактирования в режиме просмотра кода.}

Вы также можете просматривать графические файлы (JPG/JPEG, PNG, GIF). Наведите указатель на название файла изображения на панели "Файлы", чтобы увидеть уменьшенное изображение.

Файлы, которые нельзя открыть в Google Web Designer, окрашены серым.

Чтобы открыть файлы других проектов или в других папках, используйте команду меню Файл > Открыть.

Как фильтровать список файлов

Введите часть названия файла в поле Фильтр файлов , чтобы показать совпадения.

Как скрыть панель "Файлы"

Нажмите кнопку Свернуть в правом верхнем углу панели "Файлы", чтобы скрыть список файлов, или Развернуть , чтобы показать его снова.

Навигация по документу

Если элемент выбран в режиме просмотра макета, его код будет показан в режиме просмотра кода.

Как перейти к строке

Нажмите на номер строки или столбца на панели снизу, чтобы ввести новое значение, а затем нажмите Ввод.

Как использовать мини-карту

На мини-карте в правой части окна в режиме просмотра кода отображается документ в миниатюре. Часть кода, видимая в редакторе, выделена на мини-карте.

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

Отключить мини-карту можно в настройках.

Поиск по коду

Как выполнить поиск

1. Нажмите Правка > Найти либо используйте сочетание клавиш Ctrl + F (Windows) или ⌘ + F (Mac). В нижней части окна появится строка поиска.
2. Введите поисковый запрос в поле Найти.
3. Настройте нужные параметры поиска:
   • Регулярные выражения (.*)
   • Учитывать регистр (Aa)
   • Слово целиком ()
   • Ограничить выборкой ()
4. Google Web Designer показывает общее количество совпадений и выделяет первое совпадение после позиции курсора.
   • Чтобы перейти к следующему совпадению, нажмите кнопку либо используйте сочетание клавиш Ctrl + G (Windows) или ⌘ + G (Mac).
   • Чтобы перейти к предыдущему совпадению, нажмите кнопку либо используйте сочетание клавиш Shift + Ctrl + G (Windows) или Shift + ⌘ + G (Mac).
   • Чтобы выделить все совпадения и редактировать их одновременно, нажмите Найти все.

Нажмите клавишу Esc или кнопку Х, чтобы закрыть строку поиска.

Как выполнять поиск и замену

1. Нажмите Правка > Найти и заменить либо используйте сочетание клавиш Ctrl + Shift + F (Windows) или ⌘ + Shift + F (Mac). В нижней части окна появится строка поиска и замены.
2. Введите поисковый запрос в поле Найти, а текст замены – в поле Заменить.
3. При замене можно использовать те же параметры, что и при поиске текста (описаны выше).
   • Чтобы заменить текущее совпадение и перейти к следующему, нажмите Заменить.
   • Чтобы заменить все совпадения, нажмите Заменить все.

Как перейти к режиму просмотра макета

В правом верхнем углу окна нажмите кнопку Режим просмотра макета .