浏览器模拟器如何工作？
很多人可能见过浏览器模拟器，它允许您以（插入有问题的浏览器）呈现的方式查看网页。 Adobe 的 Browserlab 和 BrowserCam.com 用于测试浏览器和设备的渲染故障。
我查看了模拟游戏系统的响应和链接：How do模拟器的工作原理以及它们是如何编写的？
我特别感兴趣的是网络浏览器如何呈现内容 - 其中定义了如何呈现元素的“规则”。
有人知道讨论这个问题的资源吗？我不是在寻找工具 - 我已经使用了它们 - 我想知道它们是如何工作的。
A lot of you have probably seen browser emulators that allow you to look at your web page in the way that (insert browser in question) renders it. Tools like Browserlab from Adobe and BrowserCam.com are used to test browsers and devices for rendering glitches.
I checked out the response and links for emulating game systems: How do emulators work and how are they written?
I'm interested in specifically, how web browsers render content - where the "rules" for how elements are rendered are defined.
Does anyone know of any resources that discuss this? I'm not looking for tools - I use those already - I want to know how they work.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我不认为模拟器与浏览器一起存在。您提到的产品可能使用实际的浏览器实现。
Webkit 是 Chrome、Safari 和许多其他实现（包括 Adobe AIR）背后的开源引擎，因此如果您感兴趣，我建议您从那里开始。
为了回答您有关规则的问题，这些规则是由 w3.org 定义的
I don't think emulators are in the picture with browsers. The products you mention probably use actual browser implementations.
Webkit is the open source engine behind Chrome, Safari and numerous other implementations including Adobe AIR so I'd recommend you start there if you're interested.
To answer your question about the rules, these are defined by w3.org
这些浏览器“模拟器”的实现方式可能是实际的 Web 渲染引擎，它渲染到位图而不是屏幕。
webkit2png将为您使用 WebKit 引擎执行此操作，对于其他引擎，您可以执行类似的操作。The way those browser "emulators" are implemented is probably actual web rendering engines that render to a bitmap instead of your screen.
webkit2pngwill do that for you with the WebKit engine, for other engines, you can do something similar.