Пятница, 19 Июля 2013 08:15

Новые возможности отладки в Chrome

Written by 
Оцени эту запись
(1 Голос)

Представьте ситуацию, когда вы создаете веб приложение для мобильных телефонов или планшетов и вам нужно отладить это приложение в браузере. А его нужно будет отлаживать и браузер Chrome идеально подходит для этого, имея обширные возможности редактирования HTML, CSS и JavaScript, просматривать ошибки, следить за размерами элементов. Так вот, для отладки страницы в зависимости от ее размеров (разрешения), вы можете использовать настройки Chrome.

 

Вот выглядит панель инструментов разработчика браузера Chrome одной из новых версий:

 

 

Сверху менбшка, слева HTML, справа CSS. А в нижнем правом углу есть иконка настроек. Нажав на нее, вы увидите новые возможности:

 

 

Нас интересует пункт Overrides. Здесь вы найдете:

 

  • выбор браузера
  • разрешение экрана
  • ориентацию экрана
  • эмуляцию touch событий
  • CSS media

 

Выбор браузера я еще не пробовала, но не сомневаюсь в качестве.

 

Разрешение экрана позволяет выставить нужные про отладки ширину и высоту экрана, повернуть экран и просматривать результат прямо в браузере.

 

Ориентация экрана позволяет поворачивать экран на заданный угол.

 

Эмуляция touch событий - очень полезная штука. Для разработки приложения для девайсов с сенсорными экранами вы должны использовать не события прикосновения, а не кликов. 

 

CSS media позволяет изменять тип отображения страницы.

 

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов