ProjectVisBug
ProjectVisBug copied to clipboard
GoogleChromeLabs
FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug
here's a script starter https://davidwalsh.name/detect-overflow-elements ```js document.querySelectorAll('*').forEach(el => { if (el.offsetWidth > document.documentElement.offsetWidth) { console.log('Found the worst element ever: ', el); } }); ``` Seems like a nice plugin to...
When trying to open VisBug on YouTube or YouTube Music, an error is logged to the browser's console:  And the extension's sidebar doesn't show up. I couldn't find more...
Artboard
Full on zoom in and out of a website as if it's an artboard. Very handy.
found by @zeaccs > show visbug -> hide visbug -> change color mode to rgb -> show visbug again I believe the issue that when hidden, `eject.js` deletes the node...
Instead of only relying on the system preference, it'd be nice to offer an extension preference for theme. Use same logic as color syntax, but allow dark/light/auto.
https://github.com/matuzo/DevToolsSnippets
``` Uncaught (in promise) TypeError: 'clipboard-write' (value of 'name' member of PermissionDescriptor) is not a valid value for enumeration PermissionName. ``` A try/catch could pivot the logic, so on error...
Jumping off of #424, the color picker in Firefox on Windows is rather inferior to the one available in current versions of Chromium-based browsers. Since VisBug uses the browser's native...
`/download-images` command in the search bar runs the following plugin script ```js const run = async () => { const dirHandle = await window.showDirectoryPicker(); const imgs = document.querySelectorAll("img"); let i...
preview of current status **Design Tab** - can show layer tree for selected elements with visbug - right click inspect that launches visbug and jumps to style inspect tool **Custom...
Metadata
Owner
Metadata
FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug