Как работают эмуляторы браузера?

Question

Многие из вас, вероятно, видели эмуляторы браузера, которые позволяют вам смотреть на вашу веб-страницу так, как (вставьте рассматриваемый браузер) ее отображает.Такие инструменты, как Browserlab от Adobe и BrowserCam.com , используются для проверки браузеров и устройств на наличие сбоев.

Я проверил ответ и ссылки для эмуляции игровых систем: Как работают эмуляторы и как они пишутся?

Меня особенно интересует, как веб-браузеры отображают контент - где определены «правила» отображения элементов.

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

Answer 1

Реализация этих браузерных «эмуляторов», вероятно, является реальными движками веб-рендеринга, которые отображают растровое изображение вместо вашего экрана. webkit2png сделает это для вас с движком WebKit, для других движков вы можете сделать нечто подобное.

Answer 2

Я не думаю, что эмуляторы на картинке с браузерами.Продукты, которые вы упоминаете, вероятно, используют реальные реализации браузера.

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

Чтобы ответить на ваш вопрос о правилах, они определены w3.org