Chrome dev tools

Chrome dev tools are very useful for debugging web applications. You can do below things using chrome dev tools.
  • Inspect and manipulate html elements in Elements panel. You can also view CSS properties of elements and box model in this panel
  • Run JS in Console panel after page is loaded
  • Debug JS in Sources panel of dev tools
  • Monitor network requests/responses in Network panel
  • View storage, cache, frames and background services in Application panel
  • Measure performance of website/page in Performane panel
  • Create lighhouse report in Lighthouse panel

Web development and Automation testing

solutions delivered!!