@jsantell lately published a new tool for three.js developers at the Chrome web store. The three.js developers tools enhance your Chrome dev tools with an additional panel that provides various options like:
Inspect the structure/hierarchy of a three.js scene
Change properties of 3D objects, materials, textures or lights at runtime
Inspect statistical information about the graphics board memory and the rendering process (see WebGLRenderer.info)
Please note that the tool is still in an experimental stage. If you have ideas to make the tool even better or if you encounter any bugs, feel free to create an issue at the respective github repository.
No, it’s not in an iframe. I tried with the example you sent me, still greyed out.
It says “Three.js developer tool has access to this site” when I hover the mouse, but it says the exact same thing on every page (even the ones without three.js).
Two things that are going to be really useful for me: adjusting the render order in real time, and quickly enabling/disabling lights and shadows without reloading.