Didn't work

Pseudo-elements like ::after don't appear in the elements tree. Is the issue with this addon or with eruda?

Aw

Stopped working on some sites, e.g., YouTube and now all the icons in the extension have been replaced with grey rectangles so you can't tell what you're clicking on.

Does not work in pages with CSP (like Akkoma), is there a solution?

Content-Security-Policy: The page’s settings blocked a JavaScript eval (script-src) from being executed because it violates the following directive: “script-src 'nonce-095f3233914a25042e46532852d75aa1' 'self' 'nonce-huYa1-a1FNtJj6n'” (Missing 'unsafe-eval') 18 eruda.js:2:133630
Content-Security-Policy: The page’s settings blocked an inline style (style-src-elem) from being applied because it violates the following directive: “style-src 'self' 'nonce-huYa1-a1FNtJj6n'”. Consider using a hash ('sha256-47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU=', requires 'unsafe-hashes' for style attributes) or a nonce. eruda.js:2:211493
...

Network tab not workin, clicked record circle dot butyon or not. debug pop up dissappers when refreing page

Works much better than surv's version of this (which is broken). Works as well as the old "Mobi Dev Tools" (which has since been removed but is still on Chrome Stats), seems to be the same app more or less. I really wish the dev could add the ability to edit elements, not just delete and find them!

works well.

on mobile: while on the site to debug, click on the hamburger menu, then the extension, and a very transparent gear icon will appear in the left right corner of the screen. hold it to place it somewhere else. tap it to open the eruda console.

inspecting styles:
elements tab, then tap the inspect icon and the console will hide until you clicked on the element you want to select.

does not show on some pages, like grok.com (no gear icon shown). maybe because the page elements are in a higher layer? but not a fault of the extension.

thank you, Mr developer.