how to identify chrome devtools?

Hi guys,
I am a frontend developer, I need to show f1~f12 on my touch bar when I using devtools, is there any way to identify devtools then I can add conditional group to show those buttons.

or any other better solutions?

I suppose you could try writing browser extension that'd detect devtools state, and somehow let BTT know about it (maybe via btt built in webserver - storing a variable upon open/close and showing conditional groups based on variable state).

It's a bit of coding though. If you're a FE dev maybe this will be useful for you: https://github.com/worie/btt

But to get bulletproof solution the extension is a must anyway, imo

wow, nice work, impressive!!!

1 Like