Что такое webkit в css
Что такое webkit в css
Webkit Browser Engine
Чтобы понять актуальность, а это прежде всего важно иметь практические знания о механизмах веб-браузера. Это компонент браузера, который отвечает за визуализацию контента, где по этой причине это также упоминается как механизм веб-рендеринга.
Проще говоря механизм рендеринга — это компонент, который отвечает за то, что видно в браузере, где берет данные из HTML или PHP, форматирует их в соответствии с CSS или XSL и передает их браузеру пользователя.
Не все веб-браузеры используют один и тот же механизм рендеринга. Internet Explorer использует движок Trident, продукты Mozilla, такие, как Firefox, используют Gecko, Opera использует движок Presto, а движок WebKit используется браузерами Safari и Chrome.
Из-за различных движков рендеринга в веб-браузере иногда возникают проблемы перекрестной совместимости для макета контента. Другими словами, это контент, который возможно был разработан для Internet Explorer, может не отображаться так, как задумал дизайнер в другом браузере, таком как Mozilla Firefox.
Webkit в синтаксисе CSS3
Таким образом термин «webkit» также является частью синтаксиса CSS, используемого для визуализации контента для браузеров Safari и Chrome. Из-за отсутствия кросс-совместимости, код webkit, возможно, должен быть включен в CSS, чтобы гарантировать, что он будет отображаться так, как задумано в Chrome и Safari.
Актуальность webkit связана с CSS3, где с модулями CSS нового поколения, которые предоставляют такие функции, как эффекты перехода, макеты с несколькими столбцами и анимация. Хотя все браузеры могут отображать старые спецификации CSS в значительной степени в одинаковой степени, это не относится к новым модулям CSS3.
Например в коде CSS3 расположенном ниже зеленого квадрата, он расширяется по горизонтали в течение 2 секунд, когда на него наведена мышь.
Чтобы тот же эффект перехода отображался в браузерах с использованием механизма WebKit, где код CSS будет следующим:
Что такое WebKit и как это связано с CSS?
Совсем недавно я встречал вопросы с тегом «webkit». Такие вопросы обычно связаны с веб-вопросами, связанными с CSS, jQuery, макетами, проблемами совместимости кросс-броузеров и т.д.
Update
Окончательный вопрос. Поддерживается ли WebKit IE?
Обновление 2
Все основные браузеры используют разные механизмы рендеринга. Я думаю, это большая причина, почему так много проблем с совместимостью между браузерами!
Итак, есть ли какой-то проект или движение для стандартного механизма рендеринга, который будут использовать ВСЕ браузеры? Будет ли HTML5 устранять проблемы совместимости между браузерами?
ОТВЕТЫ
Ответ 1
Обновление. Таким образом, WebKit, по-видимому, является механизмом рендеринга веб-браузера HTML/CSS для Safari/Chrome. Существуют ли такие механизмы для IE/Opera/Firefox и каковы различия, плюсы и минусы использования одного над другим? Могу ли я использовать функции WebKit в Firefox, например?
Каждый браузер поддерживается механизмом рендеринга для рисования веб-страницы HTML/CSS.
См. Сравнение движков веб-браузера для списка сравнений в разных областях.
Конечный вопрос. является WebKit, поддерживаемый IE?
Ответ 2
Дополнение к тому, что @KennyTM сказал:
1) 12 февраля 2013 года Opera (версия 15+) объявляет о своем переходе от собственного движка Presto к WebKit с именем Blink.
2) 3 апреля 2013 года Google (версия Chrome 28+) объявляет, что собирается использовать движок Blink на основе WebKit.
3) 6 декабря 2018 года Microsoft (предварительная сборка готова в начале 2019 года) объявляет, что собирается использовать движок Blink на основе WebKit.
Ответ 3
Для вашего обновления. нет, он действительно не связан с IE, IE по крайней мере до 9 использует другой механизм рендеринга Trident.
Ответ 4
На это был дан ответ и принят, но если кто-то все еще задается вопросом, почему вещи сегодня немного перепутаны, вам придется прочитать следующее:
Это дает хорошее представление о том, как развивались gecko, webkit и другие основные механизмы рендеринга, и что привело к текущему состоянию перепутанных строк пользовательского агента.
Цитирование последнего абзаца для целей TL; DR:
Ответ 5
Главный вопрос. Поддерживается ли WebKit в IE?
Вид. Проверьте Chrome Frame, это плагин для Internet Explorer, который заставляет его использовать движок Webkit. Единственная странность в том, что вы должны убедить своих посетителей установить плагин.
Обновить
Chrome Frame больше не поддерживается и не поддерживается.
Ответ 6
WebKit изначально был создан как вилка KHTML в качестве механизма компоновки для Apple Safari; он переносится многими других вычислительных платформ. Это также используется в браузере Google Chrome.
WebKit WebCore и JavaScriptCore компоненты доступны в GNU Малая общедоступная лицензия и остальная часть WebKit доступна под Лицензия BSD-стиля.
Для получения дополнительной информации о механизмах компоновки вы можете посмотреть здесь
Ответ 7
Ответ 8
Ответ 9
Ответ 10
-webkit- это просто группа, в которую вписываются браузеры Chrome, Safari, Opera и iOS. Все они имеют общего предка, поэтому часто их возможности/ограничения (когда дело доходит до запуска CSS и Javascript) ограничены группой.
-webkit- (Chrome, Safari, более новые версии Opera, почти все браузеры iOS (включая Firefox для iOS); в основном, любой браузер на основе WebKit)
-o- (Старый, pre-WebKit, версии Opera)
-ms- (Internet Explorer и Microsoft Edge)
Ответ 11
Общей проблемой, с которой я столкнулся в качестве дизайнера веб-сайта, является то, что многие люди используют 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, но по большей части этот метод работает отлично для меня и многих других.
Ответ 12
Попробуйте использовать Modernizr, HTML5 Shiv и Respond.js. Это удивительные IE-совместимые сценарии polyfill, в которых используются полисы и другие ресурсы, которые помогут лучше отображать элементы HTML5 в IE9 и ниже.
Чтобы использовать эти полиполки, просто добавьте булевскую логику HTML, чтобы разместить их, если браузер меньше, чем версия IE желания. Пример кода:
Ответ 13
Хорошая документация о WebEngines особенно webKit и ее разработчиках, которую вы можете прочитать по адресу: WebKit
Ответ 14
IE → Trident (прекращено),
Ответ 15
Пожалуйста, проверьте эту ссылку для получения дополнительной документации о том, что такое webkit
Что такое WebKit и как он связан с CSS?
Совсем недавно я видел вопросы с тегом «webkit». Такие вопросы обычно являются веб-вопросами, касающимися CSS, jQuery, макетов, проблем совместимости между браузерами и т. Д.
Обновить
Обновление 2
Все основные браузеры используют разные механизмы рендеринга. Я думаю, что это большая причина, почему существует так много проблем совместимости между браузерами!
Итак, есть ли какой-то проект или переход к стандартному движку рендеринга, который будут использовать ВСЕ браузеры? Сможет ли HTML5 положить конец проблемам кросс-браузерной совместимости?
Каждый браузер поддерживается механизмом рендеринга для рисования веб-страницы HTML / CSS.
См. Сравнение движков веб-браузера для списка сравнений в разных областях.
Дополнение к тому, что @KennyTM сказал:
На это ответили и приняли, но если кто-то все еще задается вопросом, почему вещи сегодня немного испорчены, вам придется прочитать это:
Это дает хорошее представление о том, как эволюционировали gecko, webkit и другие основные движки рендеринга и что привело к текущему состоянию испорченных строк пользовательского агента.
Цитирование последнего абзаца для целей TL; DR:
-webkit- это просто группа, в которую вписываются браузеры Chrome, Safari, Opera и iOS. Все они имеют общего предка, поэтому часто их возможности / ограничения (когда дело доходит до запуска CSS и Javascript) ограничены группой.
-webkit- (Chrome, Safari, более новые версии Opera, почти все браузеры iOS (включая Firefox для iOS); в основном, любой браузер на основе WebKit)
-o- (Старый, pre-WebKit, версии Opera)
-ms- (Internet Explorer и Microsoft Edge)
Обновить
Изначально WebKit был создан как форк KHTML как движок для Apple Safari; он переносим на многие другие вычислительные платформы. Он также используется в браузере Google Chrome.
Компоненты WebKit и JavaScriptCore доступны в рамках Стандартной общедоступной лицензии GNU, а остальная часть WebKit доступна под лицензией в стиле BSD.
Для получения дополнительной информации о макетах двигателей вы можете посмотреть здесь
Распространенная проблема, с которой я столкнулся как дизайнера веб-сайтов, заключается в том, что многие люди используют IE6 +. Обычно нет ничего сложного, за исключением CSS, я должен добавить несколько синтаксисов рендеринга для анализа каждого запроса для браузера. Было бы очень хорошо, если бы была универсальная настройка рендеринга для CSS, которую IE может читать так же легко, как Chrome / FF / Opera и webkit. Проблема с IE заключается в том, что если я НЕ использую ВСЕ правильные стили CSS и рендеринг, то мои сайты выглядят и работают отлично, используя все браузеры, кроме IE. Это может сделать для несчастной, несгибаемого IE клиента.
Пример таков: допустим, мне нужна серая граница размером 1 пиксель с радиусом границы 10%. Для Chrome и других я использую свойство webkit. Теперь для IE я должен добавить отдельные стили CSS, используя простые старые значения CSS «border: 1px solid # E5E5E5» и «border-radius: 10%». Положительный результат не всегда гарантирован для всех версий браузера IE, но по большей части этот метод работает хорошо для меня и многих других.
Попробуйте использовать Modernizr, HTML5 Shiv и Respond.js. Это удивительные IE-совместимые сценарии полизаполнения, которые используют полифилы и другие ресурсы, которые помогут лучше отображать элементы HTML5 в IE9 и ниже.
Чтобы использовать эти полифилы, просто добавьте HTML-булеву логику для их размещения, ЕСЛИ браузер меньше, чем желаемая версия IE. Пример кода:
Что такое WebKit и как это связано с CSS?
в последнее время я вижу вопросы с тегом «webkit». Такие вопросы, как правило, веб-вопросы, связанные с CSS, jQuery, макеты, кросс-браузеры вопросы совместимости и т.д.
обновление
Итак, из ответов до сих пор. В WebKit представляет собой HTML/веб-УСБ механизм рендеринга браузера для Safari / Chrome. Существуют ли такие движки для IE/Opera / Firefox и каковы различия, плюсы и минусы использования одного над другим? Могу ли я использовать функции WebKit в Firefox, например?
главный вопрос. Поддерживается ли webkit IE?
обновление 2
все основные браузеры используют разные движки. Я думаю, это большая причина, почему существует так много кросс-браузер проблемы совместимости!
Итак, есть какой-то проект или движение к стандартному движку рендеринга, который будут использовать все браузеры? Будет ли HTML5 положить конец проблемам совместимости между браузерами?
14 ответов
Update: по-видимому, WebKit-это движок рендеринга веб-браузера HTML/CSS для Safari/Chrome. Существуют ли такие движки для IE/Opera / Firefox и каковы различия, плюсы и минусы использования одного над другим? Могу ли я использовать функции WebKit в Firefox, например?
каждый браузер поддерживается движком рендеринга для рисования веб-страницы HTML/CSS.
посмотреть сравнение движков веб-браузера в список сравнений в разных области.
главный вопрос. поддерживается ли webkit IE?
дополнение к тому, что @KennyTM сказал:
1) 12 февраля 2013 Opera (версия 15+)объявляет они отходят от собственного движка Presto к WebKit с именем Блинк.
2) В Апреле 3 2013 Google (Chrome версии 28+)объявляет они собираются использовать WebKit-based Блинк двигатель.
Webkit-это движок рендеринга веб-браузера, используемый Safari и Chrome (среди прочих, но это популярные).
для вашего обновления:. нет, это не связано с IE на самом деле, IE, по крайней мере, до 9 использует другой движок рендеринга под названием Тризуб.
на это был дан ответ и принят, но если кто-то все еще задается вопросом, почему сегодня все немного испорчено, вам придется прочитать это:
Это дает хорошее представление о том, как развивались Gecko, webkit и другие основные движки рендеринга и что привело к текущему состоянию испорченных строк пользовательского агента.
цитирование последнего абзаца для целей TL; DR:
главный вопрос. Поддерживается ли webkit IE?
вид. Проверьте Хромированная Рама, это плагин для Internet Explorer, который заставляет его использовать движок Webkit. Единственная причуда заключается в том, что вы должны убедить своих посетителей установить плагин.
обновление
Chrome Frame больше не поддерживается и не поддерживается.
WebKit-это механизм компоновки, предназначенный для Разрешить веб-браузерам отображать web страницы. Движок WebKit обеспечивает набор классов для отображения веб-контента в windows и реализует браузер такие функции, как следующие ссылки, когда щелкните пользователем, управляя back-forward list и управление a история недавно посещенных страниц.
WebKit был первоначально создан как вилка KHTML как движок компоновки для Apple Safari; это портативный для многих другие вычислительные платформы. Также используется в браузере Chrome от Google.
WebCore WebKit и JavaScriptCore компоненты доступны под GNU Меньшая общественная лицензия, и остальная часть WebKit доступна под Лицензия в стиле BSD.
для получения дополнительной информации о движках компоновки вы можете посмотреть здесь
Webkit-это движок рендеринга HTML, используемый Chrome и Safari.
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. Вот полный список:
попробуйте использовать Modernizr, HTML5 Shiv и ответить.js. Это удивительные IE-совместимые скрипты polyfill, которые используют polyfills, и другие ресурсы, которые помогут лучше визуализировать элементы HTML5 в IE9 и Под.
чтобы использовать эти поля, просто добавьте логику HTML boolean, чтобы разместить их, если браузер меньше, чем версия IE желания. Пример кода:
хорошая документация о WebEngines особенно webKit и его разработчики вы можете прочитать на: WebKit
Webkit-это движок рендеринга, используемый в популярных браузерах Safari и Chrome, а также других Каждый браузер поддерживается движком рендеринга для рисования веб-страницы HTML/CSS.
IE → Trident (прекращено) Edge → EdgeHTML (очистка вилки трезубца) В Firefox → Геккон Opera → Presto (больше не использует Presto с февраля 2013 года, рассмотрим Opera = Chrome в настоящее время) Сафари → В WebKit Chrome → Blink (вилка WebKit).
Что такое WebKit и как это связано с CSS?
Совсем недавно я встречал вопросы с тегом «webkit». Такие вопросы обычно связаны с веб-вопросами, связанными с CSS, jQuery, макетами, проблемами совместимости кросс-броузеров и т.д.
Update
Окончательный вопрос. Поддерживается ли WebKit IE?
Обновление 2
Все основные браузеры используют разные механизмы рендеринга. Я думаю, это большая причина, почему так много проблем с совместимостью между браузерами!
Итак, есть ли какой-то проект или движение для стандартного механизма рендеринга, который будут использовать ВСЕ браузеры? Будет ли HTML5 устранять проблемы совместимости между браузерами?
ОТВЕТЫ
Ответ 1
Обновление. Таким образом, WebKit, по-видимому, является механизмом рендеринга веб-браузера HTML/CSS для Safari/Chrome. Существуют ли такие механизмы для IE/Opera/Firefox и каковы различия, плюсы и минусы использования одного над другим? Могу ли я использовать функции WebKit в Firefox, например?
Каждый браузер поддерживается механизмом рендеринга для рисования веб-страницы HTML/CSS.
См. Сравнение движков веб-браузера для списка сравнений в разных областях.
Конечный вопрос. является WebKit, поддерживаемый IE?
Ответ 2
Дополнение к тому, что @KennyTM сказал:
1) 12 февраля 2013 года Opera (версия 15+) объявляет о своем переходе от собственного движка Presto к WebKit с именем Blink.
2) 3 апреля 2013 года Google (версия Chrome 28+) объявляет, что собирается использовать движок Blink на основе WebKit.
3) 6 декабря 2018 года Microsoft (предварительная сборка готова в начале 2019 года) объявляет, что собирается использовать движок Blink на основе WebKit.
Ответ 3
Для вашего обновления. нет, он действительно не связан с IE, IE по крайней мере до 9 использует другой механизм рендеринга Trident.
Ответ 4
На это был дан ответ и принят, но если кто-то все еще задается вопросом, почему вещи сегодня немного перепутаны, вам придется прочитать следующее:
Это дает хорошее представление о том, как развивались gecko, webkit и другие основные механизмы рендеринга, и что привело к текущему состоянию перепутанных строк пользовательского агента.
Цитирование последнего абзаца для целей TL; DR:
Ответ 5
Главный вопрос. Поддерживается ли WebKit в IE?
Вид. Проверьте Chrome Frame, это плагин для Internet Explorer, который заставляет его использовать движок Webkit. Единственная странность в том, что вы должны убедить своих посетителей установить плагин.
Обновить
Chrome Frame больше не поддерживается и не поддерживается.
Ответ 6
WebKit изначально был создан как вилка KHTML в качестве механизма компоновки для Apple Safari; он переносится многими других вычислительных платформ. Это также используется в браузере Google Chrome.
WebKit WebCore и JavaScriptCore компоненты доступны в GNU Малая общедоступная лицензия и остальная часть WebKit доступна под Лицензия BSD-стиля.
Для получения дополнительной информации о механизмах компоновки вы можете посмотреть здесь
Ответ 7
Ответ 8
Ответ 9
Ответ 10
-webkit- это просто группа, в которую вписываются браузеры Chrome, Safari, Opera и iOS. Все они имеют общего предка, поэтому часто их возможности/ограничения (когда дело доходит до запуска CSS и Javascript) ограничены группой.
-webkit- (Chrome, Safari, более новые версии Opera, почти все браузеры iOS (включая Firefox для iOS); в основном, любой браузер на основе WebKit)
-o- (Старый, pre-WebKit, версии Opera)
-ms- (Internet Explorer и Microsoft Edge)
Ответ 11
Общей проблемой, с которой я столкнулся в качестве дизайнера веб-сайта, является то, что многие люди используют 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, но по большей части этот метод работает отлично для меня и многих других.
Ответ 12
Попробуйте использовать Modernizr, HTML5 Shiv и Respond.js. Это удивительные IE-совместимые сценарии polyfill, в которых используются полисы и другие ресурсы, которые помогут лучше отображать элементы HTML5 в IE9 и ниже.
Чтобы использовать эти полиполки, просто добавьте булевскую логику HTML, чтобы разместить их, если браузер меньше, чем версия IE желания. Пример кода:
Ответ 13
Хорошая документация о WebEngines особенно webKit и ее разработчиках, которую вы можете прочитать по адресу: WebKit
Ответ 14
IE → Trident (прекращено),
Ответ 15
Пожалуйста, проверьте эту ссылку для получения дополнительной документации о том, что такое webkit