Сделайте так, чтобы ваш сайт отлично выглядел в Google Chrome

Пятница, 27 марта 2009 г.

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

Определение Google Chrome

Большинство сайтов будут отображаться одинаково как в Safari, так и в Google Chrome, поскольку они оба являются браузерами на базе
WebKit. Если ваш сайт выглядит правильно в Safari, он должен так же выглядеть и в Google Chrome.

Поскольку Chrome относительно нов, многие сайты путают Google Chrome с другим браузером. Если ваш сайт выглядит не совсем правильно в Chrome, но отлично работает в Safari, возможно, ваш сайт просто не распознает строку user-agent браузера Chrome.

Поскольку платформы и браузеры используют WebKit в качестве своего движка рендеринга, ваш сайт может автоматически обнаруживать их и поддерживать с помощью правильных проверок JavaScript. Обычно сайты используют JavaScript для «опроса» свойства
navigator.userAgent на предмет наличия в нем “Chrome” или “Safari”, но по возможности вам следует использовать
корректное определение объектов
. На самом деле, Gmail успешно определяет WebKit в Chrome с самого первого дня!

Если вам обязательно нужно определить тип user-agent, вы можете использовать этот простой скрипт JavaScript для обнаружения WebKit:

Или, если вы хотите убедиться, что версия WebKit не ниже определенной — например, если вы хотите использовать новую классную функцию WebKit:

Для справки, вот несколько выпусков браузеров и версии WebKit, с которыми они поставлялись:

Мы не рекомендуем добавлять “Google” или “Apple” в ваши проверки navigator.vendor для определения WebKit или Google Chrome,

поскольку это не позволит обнаружить другие браузеры на базе WebKit или Chromium!
Вы можете найти дополнительную информацию об обнаружении WebKit на сайте.

webkit.org

• Другие полезные советы
• Google Chrome не поддерживает плагины ActiveX, но поддерживает плагины NPAPI. Это означает, что вы можете отображать контент плагинов, такой как Flash и Java, в Google Chrome так же, как вы это делаете в Firefox и Safari. Если текст на вашем сайте выглядит немного некорректно, убедитесь, что вы указали правильный тип контента и информацию о кодировке символов в заголовках ответа HTTP или в начале ваших страниц, желательно ближе к верхней части раздела <head>
• .
• Не размещайте блочные элементы внутри строчных элементов.
  > Если ваш JavaScript не работает в Google Chrome, вы можете выполнить отладку с помощью встроенного отладчика JavaScript в Chrome, который находится в меню «страница»
  > ‘Developer’

в пункте меню ‘Debug JavaScript’.
Чтобы помочь веб-мастерам и веб-разработчикам находить больше ответов, мы создали
центр поддержки
и
форум
, созданные специально для ответов на ваши вопросы. Конечно, если вы обнаружите что-то, что, по вашему мнению, действительно является багом в Chrome,!

сообщите нам об этом

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

chrome-webmasters@google.com

Пожалуйста, продолжайте присылать отзывы, а мы продолжим работать над улучшением Google Chrome!