Dev tools could simplify the debugging and orientation in the code of the website.

There are two ways to solve this:

• Dev tools as a browser extension
  • Pros
    • Will solve the resizing, windows and position issues and collisions
    • Will allow devs to debug javascript objects and similar things similarly like in console and dev tools
  • Cons
    • Will be impossible to extend by own plugins (maybe is not priority)
    • Will have to be prepared for chrome / mozilla
    • Will not work on phone => therefore, devs will have to connect mobile device to desktop in order to debug it
• Dev tools as a native html web component, that will be loaded through module as the rest of the framework
  • Pros
    • Will require only one code that will work in any browser
    • Will work on mobile
    • Will be possible to extend
  • Cons
    • This will make hard to debug javascript objects. Objects will have to be lists as in Symfony devtool or Nette Tracy and there will have to be some sort of generator for this lists.
    • There will have to be some solution for resizing and dragging the debugging window

Vote

• 🌐 => Browser Extension
• 🧩 => Module