extension ExtPose

VisBug

CRX id

cdockenadnadldjbbgcallicgledbeoc-

Description from extension meta

Open source browser design tools

Image from store VisBug
Description from store Open source web design debug tools built with JavaScript: a FireBug for designers. - Point, click, move, resize & tinker - Edit or style any page, in any state, like it's an artboard - Inspect styles, spacing, distance, accessibility and alignment - Nitpick layouts & content, in the real end environment, at any device size - Leverage adobe/sketch skills - Edit text, replace images - Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities - Design while DevTools simulates latency, i18n, media queries, platform constraints, CPUs, screensize, etc - Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc) - No waiting for developers to expose their legos, just go direct and edit the end state (regardless of framework) and execute/test an idea Give power to designers & content creators, in a place where they currently feel they have little to none, **by bringing design tool interactions and hotkeys to the browser**

Latest reviews

  • (2023-07-25) Mir T: Exactly what I needed for work! Thanks!
  • (2023-06-01) Andrés Andrade: What a beautiful and useful tool, love it!
  • (2023-03-31) Default Cube: nice extension
  • (2023-03-30) Moutasem Abdullatif: amazing
  • (2023-03-22) Профупаковка Google Analytics: Супер инструмент!
  • (2023-03-18) Fi Br: Essencial para desenvolvedores de websites.
  • (2022-12-27) Henry Moran: amazing tool and makes doing QA a whole lot easier. pair this with the Jam extension to create bug tickets and you're workflow will improve exponentially.
  • (2022-12-19) dg chen: Greate plugin for UI designer and web developer.
  • (2022-12-12) Molly: Seems really cool for what it is: a way to visually change a webpage using mainly keyboard commands. What it doesn't do is save your changes in any meaningful way: it'll be up to you to take a screenshot or find your code changes in either Chrome's built-in developer tools or another extension. The second thing it doesn't do super well is onboarding. There's a "training" mode to learn the key commands that's kind of nifty, but at first I couldn't figure out how to close it without refreshing the page and losing my changes. (Answer: I think Esc or just hitting the VisBug extension icon will do it.) Check out the master list of key commands https://github.com/GoogleChromeLabs/ProjectVisBug/wiki/Keyboard-Master-List , and then the wiki pages, which include training videos: https://github.com/GoogleChromeLabs/ProjectVisBug. But I felt like I was missing things, e.g. I discovered a /skeleton command in the search bar by accident that produces a wireframe, and then found other commands with the down arrow next to the search icon, but couldn't figure out how to un-apply those styles. I also couldn't quickly figure out when/what the newest updates were to see if/when save changes is coming. (Not suuuper familiar with GitHub, which I think is the target audience here.) I'm looking for something that can help me save my changes as code, so I'll be moving on. But I hope this continues to develop, since keyboard accessibility is soooo overlooked and under-supported. Tons of cool web projects only exist because the internet was allowed to become a Petri dish for spontaneous creativity and collaboration; imagine how much untapped potential, creativity, and new projects we'd have access to if an entire group of contributers weren't effectively locked out of using most of the web since its early days?
  • (2022-11-18) Trần Huy Hoàng: nice
  • (2022-11-12) Đình Bình: ok đó em trai của ta hehehhehêhê ta mới code thiui t 6 tủi
  • (2022-10-14) Zheng Lai: Incredible functionality and intuitive interface.
  • (2022-10-14) Ken Alvarez: Amazingly and intuitive. Best in-class! Thank you!
  • (2022-09-27) aleKs o_0: make changes save
  • (2022-08-11) Touda zou: Indispensable !
  • (2022-07-13) Ferran Buireu: No sabes que la necesitas hasta que la pruebas. Permite reordenar y cambiar todo el DOM en unos simples clicks. Super bonita y fácil de usar por la complejidad que tiene.
  • (2022-06-29) Eduardo Sánchez Alvarado: The ruler alone is a life saver, but every single feature is incredibly helpful and a complete game changer for designing on the Web. The ability to preview styles by hovering over the element rather than digging through the chrome dev tools, or to modify the alignment and placement on the fly, again without digging through and tinkering with the clunk dev tools, is mind blowing.
  • (2022-04-17) Ramy Hasan: awesome tool and thank you
  • (2022-04-04) XeiDaMoKa !: why not be able to save the changes locally so it stays the same after refresh ?
  • (2022-03-23) danial: best tool for frontend developers
  • (2022-01-28) Codrin Iftode: This is absolutely amazing, cool, and very useful! Thank you for developing this.
  • (2022-01-25) Drlsxs Lupez: 宝藏插件
  • (2022-01-21) Вячеслав Быков: Очень полезно! Very useful!
  • (2022-01-08) alaska Canyon: best tool
  • (2021-12-27) Artem Hryhorov: Very useful extension, thanks!
  • (2021-12-27) ZY Y: 对于设计师实在是太有用了,走查超级超级方便
  • (2021-12-02) Kurt Luo: Excellent, and it helped a lot!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  • (2021-11-30) Lou Briccant: Don't work. When i click show/hide nothing happens.
  • (2021-11-23) pu po: 太棒了,解决了我很多麻烦
  • (2021-07-31) Dương Vinh: Good extension 💯💯💯💯
  • (2021-07-05) コ浦ちUnknown: Excelente
  • (2021-06-11) Estifanos Wendimu: An incredibly useful extension. But i find it supremely annoying that you are not allowed to copy the hex of colors picked.
  • (2021-06-04) Tanmay Dwivedi: This tool is very close to make it such that u can change the path size (width and height) so that one can easily imagine the WYSIWYG.
  • (2021-06-02) kocmedikal onur: Perfect
  • (2021-04-28) Ilya Azin: Awesome tool!)
  • (2021-04-06) עמר מנחם: Great!
  • (2021-04-04) danielpancake: Amazing
  • (2020-12-23) Eugen Tudorancea: Very useful and easy to use to test some design modifications without touching the code.
  • (2020-11-29) 池彬: 赞!!实时的调试线上web效果,无论是位置还是间距。 并且预设了很多快捷键,是一个高效的工具。
  • (2020-11-28) Abhi Harshe: This is an vey helpful tool that makes designing way much easier for elements and CSS directly to edit on website itself.
  • (2020-11-24) Camilo Álvarez: Excelente extensión. Recomendada.
  • (2020-11-17) Ten Zen: Probably the most useful dev extension I have ever used!
  • (2020-11-09) Emrah ATILKAN: It is really cool for basic things. But needs lots of features. I would like to learn all font attributes.
  • (2020-11-05) Tushar Sarkar: Just the thing i needed Thanks a lot
  • (2020-11-04) Julie Ringelmann: Really great little tool! I am in-love with it, just wish I could reposition it so that I could screenshot stuff otherwise behind the floating toolbar. .
  • (2020-09-30) 한동훈신동중 1-4 30: Perfect extension for web devs
  • (2020-09-24) stdio: Very good plugin for front devs.
  • (2020-09-18) the d4: This gives you the codes after changing position with mouse 5Stars!!
  • (2020-08-25) That Other Guy: Every developer should have this, makes life so much easier.
  • (2020-07-23) Sapinder Singh: I'M LOVIN'IT!!!

Latest issues

  • (2023-09-05, v:0.3.55) Vadym Svarnyk: Search traffic monetization
    Hello, I hope this message finds you well. My name is Vadim, and I recently came across your browser extension: I am quite impressed with it and would like to propose a mutually beneficial opportunity: How about we assist you in monetizing it, thereby enhancing your search-related revenue? With over eight years of experience successfully monetizing our own extensions on the Chrome Store, we have become well-versed in various monetization strategies. However, we have found that search monetization stands out as the most effective method. We are intimately familiar with all relevant policies, updates, and proven strategies in this regard. In comparison to other search providers, I can offer you a more favorable arrangement, with a higher revenue-sharing model. If you would like more information. You can add me on Skype using the following id: live:.cid.410eb6c0e86fb0ef. Furthermore, if you are open to the idea of selling your extension, we are open to exploring that possibility. Please share some statistics, and we can delve into potential avenues for collaboration.
  • (2023-05-02, v:0.3.55) Marina Kopylova: Can you make copying the color from the color picker available?
    I am a big fan of your tool and it has been very useful for me. However, I often use color sampling on web pages and I have noticed that VizBug doesn't currently allow me to copy the color from the picker box. Additionally, I am unable to type in HEX codes manually into another program because VizBug closes as soon as I navigate to another window. I was hoping that I could use one extension for everything and I was wondering if it would be possible to make your color picker more similar to Colorzilla. Colorzilla's picker allows for easy copying of HEX codes, which would be very helpful for my workflow. Thank you for your time and consideration.
  • (2023-04-19, v:0.3.55) shifeng su: error
    The Rem page will be very large
  • (2022-10-04, v:0.3.47) Brandon Johnson: Does this extension work anymore?
    I am clicking the extension but nothing is happening. I get no toolbar or grid and this is lame to not know why the extension is not functioning like in the video.
  • (2022-07-13, v:0.3.47) alejandro zunino: no funciona
    En mac no aparece
  • (2022-07-07, v:0.3.47) Michael Nietzold: Demonstration Video
    you should add to the description that i have to jump to minute 23:00 to see the demonstration of VisBug - otherwise i see at first glimpse why i should look at a random video from 2018
  • (2022-04-04, v:0.3.47) XeiDaMoKa !: the most important tool missing
    please you must add a tool to save the changes so it stays after refresh , thats the whole point of having a extension to prevent code much appreciated
  • (2022-03-23, v:0.3.47) Monica Velazquez: Is this your code? please examine
    Hi, The below code was attached to one of my downloads this morning when I opened my computer. I didn't see it until I went to change the format of the file. Can you please tell me what this will do to my computer? Here is the code: chrome-extension___bpmcpldpdmajfigpchkicefoigmkfalc_views_app.html_uuid=5bc5d9f3-2eb1-4b2d-d61a-9dad842f86d5.mhtml And would you kindly advise how I can get rid of this?
  • (2021-09-05, v:0.3.42) Md. Nahidul Alam Chowdhury: Can not change font size using font style
    When I clean install visbug in another chrome, It works. But in my browser it can not change the font size when I activate font style. Probably another extensions causing this problem. How can I fix it?
  • (2021-06-11, v:0.3.33) Estifanos Wendimu: Color picker
    why do you not allow us to copy the hex of colors picked? very annoying. Please fix if you can.
  • (2021-02-10, v:0.3.17) Wahid Shafique: How do I move the visbug toolbar?
    It covers up a part of the UI I am trying to inspect
  • (2021-01-06, v:0.3.11) 村井千華: 使用できない
    使用しようとクリックするも反応せず使用できません。 どうしたらよいでしょうか?
  • (2020-11-06, v:0.3.2) Jun Ito: 機能しません
    拡張機能をクリックしても、機能しません。
  • (2020-11-05, v:0.3.1) Thibault Delot: Won't Work
    When i Clic on the extensions, it doesn't work
  • (2020-11-05, v:0.3.1) Fabian Pillay: Extension no longer opening on chrome
    Hi, Extension doesn't seem to open anymore - looks like it might be since the update?
  • (2020-11-05, v:0.3.1) Дмитрий Золотько: How to run it on Macos
    How to run plugin in Chrome on Macos? I have no Shift Alt D combination
  • (2020-09-07, v:0.2.39) Vishwas Meshram: Alignment
    It would be great to have a feature to rotate visbug from vertical to horizontal.
  • (2020-09-06, v:0.2.39) 牛晶泾: turn on/off it
    how can I turn on/off it with shortcut key?
  • (2020-08-23, v:0.2.39) Wanna Dream: Cannot read the offset Y number when the element is close to the bottom of the browser
    Check this screenshot: https://imgur.com/a/tZqUKiI
  • (2020-08-17, v:0.2.39) Chirag Ahuja: extension not responding
    hi - just installed the extension. doesn't work for me, after clicking there is no response from the tool, nothing happens.
  • (2020-07-22, v:0.2.39) Pranom vignesh: Not working inside Iframe
    I tried to check for the layout inside iframe of my locally hosted page, and i am not able to see any response from the extension
  • (2020-02-20, v:0.2.30) Prakash S: visbug is Not loading. Got error on load.
    Please check the following error. bundle.min.js:1 Uncaught TypeError: Illegal constructor at S (bundle.min.js:1) at bundle.min.js:1
  • (2020-02-10, v:0.2.30) Pa Ob: Colour editing issue
    Custom colours don't work right away. When changing a text colour or text background colour, I must first select a "Basic Color," apply that, then I'm able to change the colour to a custom colour.
  • (2019-11-12, v:0.2.20) Danai Nanou: Crashing issue
    Hi there! VisBug seems to be crashing on Chrome Version 78.0.3904.97 (Official Build) (64-bit) whenever I turn it on and I attempt to manipulate a CSS property on the devtools. Sometimes it takes longer to happen but usually it crashes instantly. I've attempted to uninstall and reinstall but the issue remains.
  • (2019-10-09, v:0.2.20) Md Arshad Alam: It does not work in the browser's simulator
    It does not seems working with simulators. I am unable to move it in the browser's simulator. I tried it for iPhone.
  • (2019-07-11, v:0.2.17) Pierre Lanne: Comment enregistrer les modificatioins faites avec visbug ?
    Comment enregistrer les modificatioins faites avec visbug ?
  • (2019-06-09, v:0.2.15) Feryadi Dağcı: Opening html from computer
    I really like your addon. It is easy to use and have everything i need except one thing. I am using electronjs to make a program. It uses chrome as an ui. So i need to do some design. I thought i could use this addon on my primitive design and make it better with ease but nope. I don't know if it is something that chrome does for security reason that prevents it working. If that is not the case, i would love to see it working on my html s. Thanks in advance. Have a great day.
  • (2019-05-30, v:0.2.14) Philip Mabanta: Copy paste doesn't work across tabs
    I am on v0.2.14, win 10 I can't seem to make cross-tab pasting work (according to https://visbug-1337.firebaseapp.com/). Also, within the same tab, copy paste seems to be ctrl+shift+v instead of just ctrl+v.
  • (2019-05-10, v:0.2.14) Jamelle Boose: Using what I did
    OK--so I moved things, changed things, etc and like what I did. How/where do I access that code so I can actually _use_ it?
  • (2019-03-21, v:0.2.12) Michael Toews: Frames?
    I can't seem to get the tool to select elements in a frame. Specifically, I am using the rails email preview framework and I cannot get it to select anything under the header in the preview. Any suggestions?
  • (2019-03-07, v:0.2.11) Cao Cảnh Linh: Export
    Awesome tool! But, how can export to picture?
  • (2019-02-22, v:0.2.1) Spencer Stark: Difficult to use from secondary click menu on mac
    This isn't explicitly your problem, but this extension has become disruptive to my workflow and as such, I've had to disable it. I right click, or secondary click with my right hand then type `i` to get to chrome's built in inspector/debugger. Because this extension places itself in the secondary click menu as `inspect` AND for whatever reason typing `i` a second time doesn't take me to the inspect I really want, I've had to turn this off. As a developer however, I do see promise in this extension if some of the minor UX things can be tweaked a bit to enhance the experience.
  • (2019-02-17, v:0.1.18) Simon Watson: VisBug doesn't seem to work on non live websites
    Im trying to use VisBug on a website I'm building on my mac, and it doesn't seem to be working. Even when I'm connected to the internet. Is this a bug, or is there a reason why it wont work on non live sites?

Statistics

Installs
187,716 history
Category
Rating
4.8267 (225 votes)
Last update / version
2022-10-21 / 0.3.55
Listing languages
en

Links