Bubble Buddy
Toggle debug mode, reveal in elements tree, start/edit workflow & switch between live/test versions using keyboard shortcuts
Bubble Buddyとは何ですか?
Bubble BuddyはShankar Prasadによって開発されたChromeの拡張機能で、その主な機能は「Toggle debug mode, reveal in elements tree, start/edit workflow & switch between live/test versions using keyboard shortcuts」です。
拡張機能のスクリーンショット
Bubble Buddy拡張機能のCRXファイルをダウンロード
Bubble Buddy拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。
拡張機能の使用方法
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) 拡張機能の基本情報
| 名前 | |
| ID | alhnncmoomghdpieiiomjjcbmgmkaflk |
| 公式URL | https://chromewebstore.google.com/detail/bubble-buddy/alhnncmoomghdpieiiomjjcbmgmkaflk |
| 説明 | Toggle debug mode, reveal in elements tree, start/edit workflow & switch between live/test versions using keyboard shortcuts |
| ファイルサイズ | 39.54 KB |
| インストール数 | 445 |
| 現在のバージョン | 2.4 |
| 最終更新日 | 2024-01-08 |
| 公開日 | 2022-12-26 |
| 評価 | 4.38/5 合計 8 レビュー |
| 開発者 | Shankar Prasad |
| Eメール | [email protected] |
| 支払い方法 | free |
| 対応言語 | en |
| 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.4",
"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": {
"128": "images\/bb_128.png",
"48": "images\/bb_48.png",
"32": "images\/bb_32.png",
"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"
}
}
} | |