Is there any software that works similarly like google chrome’s view page source (editable elements, css, custom/adjustable resolutions & console log)

I've only been using google chrome "CTRL+U" tools to check my web design's responsiveness and edit styles or elements, however it started to get so freaking laggy which slows me down tremendously. Is there any software that has similar features?

Here are the specific features of a software im looking for.

  • Device emulation (where i can toggle resolutions, drag-adjustable width, and custom width/height input similar to google chrome's tool)
  • Ability to view & edit page styles of the current visited page.(CSS)
  • Ability to view & edit page source / elements of the current visited page. (HTML)
  • If possible, with console logs similar to chrome's where i can check for js/jquery errors & other stuffs.
  • Should work on locally hosted websites.