Как использовать Google Chrome для редактирования веб-страниц?

Как использовать Google Chrome для редактирования веб-страниц?

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

Речь идет о так называемом Chrome Developer Tools (Chrome-инструменты для разработчиков). Пусть слово «Developer» (Разработчик) Вас не пугает. Простые пользователи Chrome также могут извлечь выгоду владея базовыми знаниями о Chrome Dev Tools.

Знаете ли Вы, что Chrome можно использовать в качестве визуального редактора для веб-страниц? Мы покажем Вам несколько примеров использования этих инструментов.

Откройте эту демонстрационную веб-страницу с помощью Google Chrome и нажмите Ctrl + Shift + I на клавиатуре (или Cmd + Shift + I на Mac), чтобы запустить Chrome Dev Tools.

1. Меняем расположение текстовых и графических элементов на странице.

С помощью Chrome Dev Tools Вы можете легко изменить порядок расположения элементов на странице. Нужно просто «перетащить» их с помощью «мыши» в нужное место.

Меняем расположение текстовых и графических элементов на странице

2. Экспериментируем с различными цветами.

Если для отдельного элемента (общий фон страницы, заголовок, текст) прописан какой-то цвет, то можно этот параметр изменить и моментально увидеть результат. Можно воспользоваться цветовой палитрой или прописать номер цвета в # AABBCC — формате. Также можно просто вписать названия цвета на английском языке (Gold, Aqua и т.д.). Если ввести первую букву названия цвета, Chrome Dev Tools покажет все доступные цвета, которые начинаются на эту букву.

Экспериментируем с различными цветами

3. Редактируем текст публикации.

Наведите курсор на нужный блок и нажмите F2, или двойным кликом мышки откройте его для редактирования.

Редактируем текст публикации

Сохранить вносимые изменения не получится. Однако Вы сможете скопировать измененный HTML-код Вашей веб-страницы и внести его с помощью простого HTML-редактора. Можно использовать функции редактора для решения отдельных мелких задач. Например, выявить нужные цвета и их названия или коды в # AABBCC — формате.

Как использовать Google Chrome для редактирования веб-страниц?

Теги:  

Имеется один комментарий к публикации Как использовать Google Chrome для редактирования веб-страниц?

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

Cloudim - онлайн консультант для сайта бесплатно.
Google Мы в Google+