Что такое WebKit и как это связано с CSS?

Обновление. Таким образом, WebKit, по-видимому, является механизмом рендеринга веб-браузера HTML / CSS для Safari / Chrome. Существуют ли такие механизмы для IE / Opera / Firefox и каковы различия, плюсы и минусы использования одного над другим? Могу ли я использовать функции WebKit в Firefox, например?

Каждый браузер поддерживает механизм рендеринга, чтобы нарисовать веб-страницу HTML / CSS.

• IE → Trident (Прекращено)
• Edge → EdgeHTML ( очищающая вилка Trident)
• Firefox → Gecko
• Опера → Престо (больше не использует Presto с февраля 2013 года, рассмотрим Opera = Chrome в настоящее время)
• Safari → WebKit
• Chrome → Blink (вилка WebKit).

См. Сравнение двигателей веб-браузера для списка сравнений в разных областях.

Конечный вопрос … является WebKit, поддерживаемый IE?

Не изначально.

Дополнение к тому, что сказал @KennyTM :

• IE
  • Двигатель: Trident
  • CSS-префикс: -ms
• край
  • Двигатель: EdgeHTML
  • CSS-префикс: -ms
• Fire Fox
  • Двигатель: Gecko
  • CSS-префикс: -moz
• опера
  • Двигатель: Presto → Blink ¹
  • CSS-префикс: -o (Presto) и -webkit (Blink)
• Сафари
  • Двигатель: WebKit
  • CSS-префикс: -webkit
• Хром
  • Двигатель: WebKit → Blink ²
  • CSS-префикс: -webkit

¹⁾ 12 февраля 2013 Opera (версия 15+) объявляет о том, что они отходят от своего собственного двигателя Presto до WebKit по имени Blink .

²⁾ 3 апреля 2013 года Google (версия Chrome 28+) объявляет, что собирается использовать движок Blink на базе WebKit.

Webkit – это механизм рендеринга веб-браузера, используемый Safari и Chrome (среди прочих, но это популярные).

Префикс -webkit для селекторов CSS – это свойства, которые только этот движок предназначен для обработки, очень похожий на свойства -moz . Многие из нас надеются, что это уйдет, например -webkit-border-radius будет заменен стандартным border-radius и вам не понадобится несколько правил для одной и той же вещи для нескольких браузеров. Это действительно результат функций «предварительной спецификации», которые не должны мешать стандартной версии, когда это происходит.

Для вашего обновления: … нет, это не связано с IE, IE по крайней мере до 9 использует другой движок рендеринга Trident .

На это был дан ответ и принят, но если кто-то все еще задается вопросом, почему вещи сегодня немного испортились, вам нужно будет прочитать следующее:

http://webaim.org/blog/user-agent-string-history/

Это дает хорошее представление о том, как развивались gecko, webkit и другие основные механизмы рендеринга, и что привело к текущему состоянию перепутанных строк пользовательского агента.

Цитирование последнего абзаца для целей TL: DR:

И затем Google построил Chrome, а Chrome использовал Webkit, и это было похоже на Safari, и вам нужны страницы, созданные для Safari, и поэтому притворились Safari. И, таким образом, Chrome использовал WebKit и притворился Safari, а WebKit притворился KHTML, а KHTML притворился Gecko, а все браузеры притворились Mozilla, а Chrome назвал себя Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13 , а строка пользовательского агента была полным беспорядком и почти бесполезна, и все притворились, что все остальные, и путаница изобиловала.

Конечный вопрос … Поддерживается ли WebKit IE?

Вид. Проверьте Chrome Frame , это плагин для Internet Explorer, который заставляет его использовать движок Webkit. Единственная причуда заключается в том, что вы должны убедить своих посетителей установить плагин.

Обновить

Chrome Frame больше не поддерживается и не поддерживается …

WebKit – это механизм компоновки, который позволяет веб-браузерам отображать веб-страницы. Механизм WebKit предоставляет набор classов для отображения веб-контента в windowsх и реализует функции браузера, такие как следующие ссылки при нажатии пользователем, управление списком перемотки назад и управление историей недавно посещенных страниц.

WebKit был первоначально создан как вилка KHTML в качестве механизма компоновки для Safari от Apple; он переносится на многие другие вычислительные платформы. Он также используется в браузере Chrome от Google.

Компоненты WebCit WebCore и JavaScriptCore доступны в рамках лицензии GNU Lesser General Public License, а остальная часть WebKit доступна под лицензией BSD.

Источник: Википедия

Для получения дополнительной информации о механизмах компоновки вы можете посмотреть здесь

Webkit – это движок рендеринга HTML, используемый браузерами Chrome и Safari.

Он поддерживает ряд пользовательских свойств CSS, которые префикс -webkit- .

Webkit – это механизм рендеринга, используемый в популярных браузерах Safari и Chrome, а также другие.

Webkit – это механизм рендеринга html / css, используемый в браузере Safari от Apple и в Chrome от Google. Префиксы css-значений с -webkit- являются специфичными для webkit, они обычно являются CSS3 или другими нестандартизированными функциями.

чтобы ответить на обновление 2 w3c – это тело, которое пытается стандартизировать эти вещи, они пишут правила, затем программисты пишут свой механизм рендеринга для интерпретации этих правил. Таким образом, в основном w3c говорит, что DIVs должны работать «таким образом», автор двигателя затем использует это правило для написания своего кода, любые ошибки или неверные интерпретации правил вызывают проблемы совместимости.

Общей проблемой, с которой я столкнулся в качестве дизайнера веб-сайта, является то, что многие люди используют IE6 +. Обычно неважно, кроме CSS, я должен добавить несколько синтаксисов рендеринга для анализа каждого запроса в браузере. Было бы очень хорошо, если бы была универсальная настройка рендеринга для CSS, которую IE может читать так же легко, как Chrome / FF / Opera и webkit. Проблема с IE заключается в том, что если я НЕ использую ВСЕ надлежащие стили CSS и рендеринг, чем мои сайты выглядят и отлично работают с каждым браузером, кроме IE. Это может сделать несчастный, умеренный IE-клиент.

Пример: скажем, мне нужна 1px, серая граница с граничным радиусом 10%. Для Chrome и других я использую свойство webkit. Теперь для IE я должен добавить отдельные стили CSS, используя простые старые значения CSS «border: 1px solid # E5E5E5» и «border-radius: 10%». Положительный результат не всегда гарантируется во всех версиях браузера IE, но по большей части этот метод работает отлично для меня и многих других.

-webkit – это просто группа, в которую входят браузеры Chrome, Safari, Opera и iOS. У всех их есть общий предок, поэтому часто их возможности / ограничения (когда дело доходит до запуска CSS и Javascript) ограничиваются группой.

Разработчик разместит -webkit, а затем некоторый код, что означает, что код будет работать только в браузерах Chrome, Safari, Opera и iOS. Вот полный список:

-webkit- (Chrome, Safari, более новые версии Opera, почти все браузеры iOS (включая Firefox для iOS), в основном, любой браузер на базе WebKit) -moz- (Firefox) -o- (старый, pre-WebKit, версии Opera ) -ms- (Internet Explorer и Microsoft Edge)

Несмотря на то, что это более старая должность, существует и другой способ рендеринга для более старых версий Internet Explorer. -webkit, будучи префиксом поставщика CSS, вы также можете загрузить несколько приложений JS и поместить их в нижней части HTML-заголовка HTML.

Попробуйте использовать Modernizr, HTML5 Shiv и Respond.js. Это удивительные IE-совместимые сценарии полифония, которые используют полисы и другие ресурсы, которые помогут лучше отображать элементы HTML5 в IE9 и ниже.

Чтобы использовать эти полиполки, просто добавьте булевскую логику HTML, чтобы разместить их, если браузер меньше, чем IE версии желания. Пример кода:

Хорошая документация о WebEngines особенно webKit и ее разработчиках, вы можете прочитать по адресу: WebKit

Webkit – это механизм рендеринга, используемый в популярных браузерах Safari и Chrome, а также другие. Каждый браузер поддерживается механизмом рендеринга для создания веб-страницы HTML / CSS.

IE → Trident (прекращено) Edge → EdgeHTML (очистка вилки Trident) Firefox → Gecko Opera → Presto (больше не использует Presto с февраля 2013 года, рассмотрим Opera = Chrome в настоящее время) Safari → WebKit Chrome → Blink (вилка WebKit) ,