Opal Devtools

Opal Browser REPL - Ruby in Your Browser DevTools

Execute Ruby code directly in your browser's developer tools! This extension adds an "Opal REPL" panel to Chrome DevTools, allowing you to run Ruby code in the context of any web page.

🔷 TRY IT NOW

Visit our playground to test the extension:
https://stofu1234.github.io/opal-vite/ja/playground.html

1. Open the playground page
2. Press F12 to open DevTools
3. Click the "Opal REPL" tab
4. Start typing Ruby code!

🔷 FEATURES

• Interactive Ruby REPL in DevTools
• Pry-like commands (ls, cd, help, history)
• Command history with arrow key navigation
• Multi-line input support (Shift+Enter)
• Auto-inject Opal runtime on any page
• Works with pages that already have Opal loaded

🔷 COMMANDS

• help - Show available commands
• ls - List methods, variables, and constants
• ls obj - List methods of a specific object
• cd obj - Change context to explore objects
• history - Show command history

🔷 SETTINGS

Click the extension icon to access settings:
• Opal Detection Mode - Only show panel when Opal is detected
• Auto-inject Opal - Automatically inject Opal runtime if not found

🔷 TIPS

• Use backticks for inline JavaScript: `document.title`
• Use $_ to access the last result
• Press Ctrl+L to clear the console

🔷 LIMITATIONS

This extension uses eval() to execute Ruby code. Pages with strict Content Security Policy (CSP) that block 'unsafe-eval' are not supported. Use our playground page for the best experience.

🔷 OPEN SOURCE

GitHub: https://github.com/stofu1234/opal-browser-repl
Built with Opal - Ruby to JavaScript compiler (https://opalrb.com)

🔷 PRIVACY

This extension does not collect any personal data. All code execution happens locally in your browser.