A browser extension that lets you inspect Liveblocks real-time collaborative experiences.

Latest Version

Version
1.12.0
Update
June 28, 2024
Size
463KiB
Developer
Category
Users
852
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Liveblocks DevTools Extension

Liveblocks DevTools is a browser extension that lets you inspect Liveblocks real-time collaborative experiences.

✦ The Storage tab shows you the current room’s storage data.
✦ The Presence tab shows you the current users’ presence data.
✦ All tabs and what they show update automatically in real-time.
✦ Supports light and dark mode.
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.8338690c.png",
"32":"icon32.plasmo.60f5cb01.png",
"48":"icon48.plasmo.844f33c2.png",
"64":"icon64.plasmo.1885b44e.png",
"128":"icon128.plasmo.04429809.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.8338690c.png",
"32":"icon32.plasmo.60f5cb01.png",
"48":"icon48.plasmo.844f33c2.png",
"64":"icon64.plasmo.1885b44e.png",
"128":"icon128.plasmo.04429809.png"},
"default_popup":"popup.html"},
"version":"1.12.0",
"name":"Liveblocks DevTools",
"description":"A browser extension that lets you inspect Liveblocks real-time collaborative experiences.",
"homepage_url":"https://liveblocks.io",
"background":{"service_worker":"static/background/index.js"},
"devtools_page":"devtools.html",
"permissions":["storage"],
"content_scripts":[{"matches":[""],
"js":["content.2c2b1d2e.js"],
"all_frames":true,
"css":[]}],
"host_permissions":[""]}
Read more

Similar Extensions

icon

JSON Hero Extension · Developer Tools 852 7 ★ 868KiB

icon

Raycast Companion Extension · Productivity 852 23 ★ 289KiB

icon

Bubble Buddy Extension · Developer Tools 852 8 ★ 40.63KiB

icon

Devtools for Tailwind CSS Extension · Developer Tools 852 18 ★ 49.64MiB

icon

Gimli Tailwind Extension · Developer Tools 852 33 ★ 151KiB

icon

Motion DevTools Extension · Developer Tools 852 8 ★ 788KiB

icon

ProseMirror Developer Tools Extension · Developer Tools 852 5 ★ 164KiB

icon

Lexical Developer Tools Extension · Developer Tools 852 1 ★ 238KiB

icon

RSC Devtools Extension · Developer Tools 852 9 ★ 175KiB

icon

AutoReview for Power Automate Extension · Developer Tools 852 2 ★ 4.96MiB

icon

Solid Devtools Extension · Developer Tools 852 7 ★ 123KiB

icon

JobJette - Free AI Job Search Copilot Extension · Productivity 852 1 ★ 1.2MiB

icon

Drizzle Studio Extension · Productivity 852 17 ★ 3.04MiB

icon

Vercel Extension · Developer Tools 852 24 ★ 34.3KiB

icon

LocatorJS Extension · Developer Tools 852 64 ★ 190KiB

icon

Zukeeper: Devtools for Zustand Extension · Developer Tools 852 6 ★ 939KiB

icon

Markflow: Copy Elements to Figma, React, etc. Extension · Developer Tools 852 4 ★ 1.6MiB

icon

Tailwind CSS Devtools Extension · Developer Tools 852 7 ★ 857KiB

icon

Carbon Devtools V10 Extension · Developer Tools 852 1 ★ 279KiB

icon

Atomic CSS Devtools Extension · Developer Tools 852 15 ★ 196KiB

icon

OGraph Previewer Extension · Developer Tools 852 10 ★ 16.56KiB

icon

CSS To Tailwind Extension · Developer Tools 852 22 ★ 182KiB

icon

Rayst - Reveal the web Extension · Developer Tools 852 20 ★ 455KiB

icon

OPFS Explorer Extension · Developer Tools 852 14 ★ 15.57KiB

User reviews

icon

Sumit Gupta (ID: 000000f18e531264) Voted 5 ★ - Updated 10/19/2023 Can't imagine using LiveBlocks without it.

icon

Chris Nicholas (ID: 0000002fed7234ad) Voted 5 ★ - Updated 01/30/2023 Incredibly helpful for building your collaborative apps! Really well-made tool.

icon

Florent Lefebvre (ID: 00000002bb697468) Voted 5 ★ - Updated 01/30/2023 It's so easy to debug my collaborative application now!

icon

Adrien Gaudon (ID: 000000b7af1dbea3) Voted 5 ★ - Updated 01/30/2023 Debugging a Liveblocks app is extremely easy now. Just by opening the extension you see your storage being updated in realtime, you can easilly spot issues but also find inspiration for improvements. I can't believe I've been building collaborative apps without that...

icon

Eric Meier (ID: 00000007f88ce13f) Voted 5 ★ - Updated 01/09/2023 Makes debugging apps built with Liveblocks tone easier!