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

В последнее время я вижу вопросы с тегом "webkit". Такие вопросы, как правило, представляют собой веб-вопросы, связанные с CSS, jQuery, макетами, проблемами совместимости между браузерами и т. Д.

Так что же такое «webkit» и как он связан с CSS? Я также заметил много -webkit -... свойства в исходном коде для различных сайтов. Связаны ли эти два?

Обновление

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

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

Обновление 2

Все основные браузеры используют разные механизмы рендеринга. Я полагаю, что это главная причина, почему существует так много проблем совместимости между браузерами!

Итак, есть ли какой-то проект или переход к стандартному движку рендеринга, который будут использовать ВСЕ браузеры? Сможет ли HTML5 положить конец проблемам кросс-браузерной совместимости?

252
задан Mowzer 1 September 2017 в 19:03
поделиться

7 ответов

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

Каждый браузер поддерживается механизмом визуализации для отрисовки веб-страницы HTML / CSS.

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

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

Главный вопрос ... поддерживается ли WebKit в IE?

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

147
ответ дан 23 November 2019 в 02:53
поделиться

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

4
ответ дан 23 November 2019 в 02:53
поделиться

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

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

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

35
ответ дан 23 November 2019 в 02:53
поделиться

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

  • IE
  • Edge
  • Firefox
    • Engine: Gecko
    • CSS-префикс: -moz
  • Opera
    • Двигатель: Presto Blink 1
    • Префикс CSS: -o (Presto) и -webkit (Blink)
  • Safari
    • Двигатель: WebKit
    • Префикс CSS: -webkit
  • Chrome

1) 12 февраля 2013 г. Opera (версия 15+) объявляет , что они отказываются от своей собственный движок Presto для WebKit под названием Blink .

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

3) 6 декабря 2018 г. Microsoft (предварительная сборка готова в начале 2019 г.) объявляет , что они собираются использовать движок Blink на основе WebKit.

99
ответ дан 23 November 2019 в 02:53
поделиться

WebKit - это механизм компоновки, предназначенный для разрешить веб-браузерам отображать сеть страниц. Движок WebKit предоставляет набор классов для отображения веб-контента в Windows и реализует браузер такие функции, как переход по ссылкам, когда нажал пользователь, управляя обратный список и управление история недавно посещенных страниц.

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

WebCore и JavaScriptCore от WebKit компоненты доступны под GNU Стандартная общественная лицензия ограниченного применения и остальная часть WebKit доступна под Лицензия в стиле BSD.

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

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

6
ответ дан 23 November 2019 в 02:53
поделиться

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

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

5
ответ дан 23 November 2019 в 02:53
поделиться

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

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

4
ответ дан 23 November 2019 в 02:53
поделиться
Другие вопросы по тегам:

Похожие вопросы: