English
See more
Toggle debug mode, reveal in elements tree, start/edit workflow & switch between live/test versions using keyboard shortcuts
Latest Version
Version
2.5
Update
November 21, 2024
Size
40.63KiB
Developer
Category
Users
472 
Rating
4.375 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Tabs
Scripting
See more
Scripting
Bubble Buddy Extension
Hey Bubblers,
Bubble Buddy allows you to quickly add/remove the debugger, reveal an element in Elements tree, start/edit a workflow, switch between live and test versions of Bubble Editor, and App pages by using *Keyboard Shortcuts*
Use the following 8 Keyboard Shortcuts to make the desired changes:
1. To add/remove “debug_mode” to the page URL, use “Ctrl + M” (or click on the Bubble Buddy extension icon)
2. To reveal an element in Elements tree,
a) Select an element of your choice and then
b) Use \"Ctrl + Shift + E\"
3. To start/edit a workflow on an element,
a) Select an element of your choice
b) Use \"Ctrl + Shift + F\"
4. To switch between live and test versions of your app pages, use “Ctrl + Shift + L”
5. To switch between live and development versions of your Bubble Editor, use “Ctrl + Shift + K”
6. To select first parent of an element,
a) Select an element of your choice
b) Use \"Ctrl + Shift + Y\"
7. To open app's Backend Workflows page in a newtab, use \"Ctrl + Alt + B\"
8. Toggle Sidepanel: To show/hide Bubble Buddy sidepanel, use \"Alt + Shift + S\"
- With Bubble Buddy sidepanel, you can organise all your URLs (Bubble Editor, App preview pages, any resource links) and Branches linked to your Bubble Projects at one place.
- \"Toggle Sidepanel\" shortcut will work only on Bubble Editor pages.
For Bubble Buddy tutorials, checkout this playlist: https://www.youtube.com/playlist?list=PL4YOHwiJinHt3S7Y7TOLxIj2lvcE776O-
- - - - - - - - - - - - - - - - - - - - - - - - - -
UPDATES:
v2.4:
- Bug fixes
v 2.3.1:
- Added \"Toggle Sidepanel\" shortcut to customizable shortcuts
- Removed \"Start/Edit Workflow\" shortcut from customizable shortcuts
Version 2.2:
- Bug Fixes
Version 2.1:
- Bug fixes
- Changed Bubble Buddy sidepanel shortcut to \"Alt + Shift + S\"
Version 2.0:
- Open Backend Workflow in newtab shortcut
- Show/Hide Buddy Buddy sidepanel shortcut
- Organise your Bubble projects' related URLs and Branches [Demo Version]
- Added shortcuts support to apps on Bubble Dedicated instances (suggested by Andy Kalati - @akalati)
Version 1.5:
- Select first parent shortcut
Version 1.4:
- hover effect on App data rows (suggested by Aditya Pati - @theadityapati)
- hover effect on File Manager table rows
- hover effect on Style Variables (suggested by Mantas Giedraitis - @omus_io)
Loom Video: https://www.loom.com/share/bb5da8f35fd7470b87dae25b1557b083
Version 1.3:
- hover effect on Data fields & Option Sets (suggested by Kelly Claus - @ClausISaidSo )
- - - - - - - - - - - - - - - - - - - - - - - - - -
From
Shankar Prasad
Twitter: @Shankar_19 (https://twitter.com/Shankar_19)
Read more
Bubble Buddy allows you to quickly add/remove the debugger, reveal an element in Elements tree, start/edit a workflow, switch between live and test versions of Bubble Editor, and App pages by using *Keyboard Shortcuts*
Use the following 8 Keyboard Shortcuts to make the desired changes:
1. To add/remove “debug_mode” to the page URL, use “Ctrl + M” (or click on the Bubble Buddy extension icon)
2. To reveal an element in Elements tree,
a) Select an element of your choice and then
b) Use \"Ctrl + Shift + E\"
3. To start/edit a workflow on an element,
a) Select an element of your choice
b) Use \"Ctrl + Shift + F\"
4. To switch between live and test versions of your app pages, use “Ctrl + Shift + L”
5. To switch between live and development versions of your Bubble Editor, use “Ctrl + Shift + K”
6. To select first parent of an element,
a) Select an element of your choice
b) Use \"Ctrl + Shift + Y\"
7. To open app's Backend Workflows page in a newtab, use \"Ctrl + Alt + B\"
8. Toggle Sidepanel: To show/hide Bubble Buddy sidepanel, use \"Alt + Shift + S\"
- With Bubble Buddy sidepanel, you can organise all your URLs (Bubble Editor, App preview pages, any resource links) and Branches linked to your Bubble Projects at one place.
- \"Toggle Sidepanel\" shortcut will work only on Bubble Editor pages.
For Bubble Buddy tutorials, checkout this playlist: https://www.youtube.com/playlist?list=PL4YOHwiJinHt3S7Y7TOLxIj2lvcE776O-
- - - - - - - - - - - - - - - - - - - - - - - - - -
UPDATES:
v2.4:
- Bug fixes
v 2.3.1:
- Added \"Toggle Sidepanel\" shortcut to customizable shortcuts
- Removed \"Start/Edit Workflow\" shortcut from customizable shortcuts
Version 2.2:
- Bug Fixes
Version 2.1:
- Bug fixes
- Changed Bubble Buddy sidepanel shortcut to \"Alt + Shift + S\"
Version 2.0:
- Open Backend Workflow in newtab shortcut
- Show/Hide Buddy Buddy sidepanel shortcut
- Organise your Bubble projects' related URLs and Branches [Demo Version]
- Added shortcuts support to apps on Bubble Dedicated instances (suggested by Andy Kalati - @akalati)
Version 1.5:
- Select first parent shortcut
Version 1.4:
- hover effect on App data rows (suggested by Aditya Pati - @theadityapati)
- hover effect on File Manager table rows
- hover effect on Style Variables (suggested by Mantas Giedraitis - @omus_io)
Loom Video: https://www.loom.com/share/bb5da8f35fd7470b87dae25b1557b083
Version 1.3:
- hover effect on Data fields & Option Sets (suggested by Kelly Claus - @ClausISaidSo )
- - - - - - - - - - - - - - - - - - - - - - - - - -
From
Shankar Prasad
Twitter: @Shankar_19 (https://twitter.com/Shankar_19)
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Bubble Buddy", "description": "Toggle debug mode, reveal in elements tree, start/edit workflow & switch between live/test versions using keyboard shortcuts", "version": "2.5", "permissions" : ["tabs", "scripting"], "host_permissions": [ "https://*.bubble.io/*", "https://*.bubble.is/*" ], "background": { "service_worker": "background.js" }, "action": { "default_title": "Click to change the 'debug_mode'" }, "content_scripts": [ { "matches": ["https://*.bubble.io/page*", "https://*.bubble.is/page*"], "js": ["content-script.js"] } ], "web_accessible_resources": [{ "resources": ["styles.css"], "matches": ["https://*.bubble.io/*", "https://*.bubble.is/*"] }], "icons" : { \t"128" : "images/bb_128.png", \t"48" : "images/bb_48.png", \t"32" : "images/bb_32.png", \t "16" : "images/bb_16.png" }, "commands": { "toggle-page-version": { "suggested_key": "Ctrl+Shift+L", "description": "Toggle App Page version - test <--> live" }, "reveal-elements-tree": { "suggested_key": "Ctrl+Shift+E", "description": "Reveal in Elements tree" }, "toggle-sidepanel": { "suggested_key": "Alt+Shift+S", "description": "Toggle Sidepanel" }, "_execute_action": { "suggested_key": "Ctrl+M", "description": "Toggle debug_mode" } } }
Read more
Similar Extensions
Bubble.io Extension 472 0 ★ 3.62KiB
Bubble.io Editor Customiser 472 3 ★ 447KiB
Twitter Reaction Counter 472 0 ★ 133KiB
Debug Master: Debugging with ease 472 0 ★ 1.05MiB
NoCodeFusion 472 0 ★ 33.4KiB
Apiary - Web Highlighter & Annotator 472 0 ★ 1.51MiB
Bubble Option Sets Helper 472 16 ★ 38.34KiB
Nocodext for Bubble 472 2 ★ 251KiB
Buildshare 472 2 ★ 18.28KiB
Nocode Databases 472 0 ★ 60.33KiB
ReadAnything 472 1 ★ 1.05MiB
Bubble mode toggler 472 1 ★ 6.9KiB
Elemental 472 2 ★ 32.88KiB
Control Panel for Bubble.io 472 3 ★ 90.89KiB
Atomic Fusion 472 17 ★ 1.46MiB
Bubble Helper Pro 472 2 ★ 39.1KiB
Basis Lab 472 7 ★ 54.61KiB
Frames 472 20 ★ 48.7KiB
LumoSearch: Airbnb Review Summary & Search 472 2 ★ 49.99KiB
Framify 472 2 ★ 94.4KiB
Deezign 472 4 ★ 10.21KiB
Zeroqode Extension for Bubble! 472 10 ★ 78.54KiB
Elemium - Bubble Design System 472 3 ★ 2.02MiB
ncScale 472 1 ★ 4.58MiB
User reviews
S L J (ID: 000000e9df92d264) Voted 2 ★ - Updated 11/03/2023
Mahir Faleel (ID: 0000002c859b79a0) Voted 5 ★ - Updated 09/11/2023
Callen Hedglen (ID: 000000ca62279f5e) Voted 5 ★ - Updated 03/28/2023
Rushab Jain (ID: 00000025d73e347a) Voted 5 ★ - Updated 03/12/2023
