Browser Rendering Engine

Browser (aka Layout/Rendering) Engines

• The primary job of a browser engine is to transform HTML documents and other resources of a web page into an interactive visual representation on a user’s device.
• Steps:
  • Document Object Model (DOM)
  • CSS Object Model (CSSOM)
  • Render Tree
  • Layout
  • Paint
• Examples:
  • Blink: Google chrome and all chromium based browsers like Opera and Edge
  • Gecko: Firefox Browser
  • WebKit: Safari Browser

JS engines

• It executes Javascript Code
• Examples:
  • V8: developed by Google, written in C++
  • SpiderMonkey: developed by Mozilla
  • JavascriptCore (aka Nitro): developed by Apple