Item logo image for Opal DevTools

Opal DevTools

Item media 4 (screenshot) for Opal DevTools
Item media 1 (screenshot) for Opal DevTools
Item media 2 (screenshot) for Opal DevTools
Item media 3 (screenshot) for Opal DevTools
Item media 4 (screenshot) for Opal DevTools
Item media 1 (screenshot) for Opal DevTools
Item media 1 (screenshot) for Opal DevTools
Item media 2 (screenshot) for Opal DevTools
Item media 3 (screenshot) for Opal DevTools
Item media 4 (screenshot) for Opal DevTools

Overview

Ruby/Opal REPL for Chrome DevTools - Execute Ruby code directly in your browser

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.

Details

  • Version
    0.1.12
  • Updated
    December 29, 2025
  • Offered by
    stofu1234
  • Size
    825KiB
  • Languages
    English
  • Developer
    Email
    yamaboku@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

rep+

5.0

rep+ - Capture, modify, and replay HTTP requests in Chrome DevTools with AI-powered security analysis.

React Developer Tools

4.0

Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.

ProseMirror Developer Tools

5.0

Run prosemirror-dev-toolkit as Chrome extension

React code finder

5.0

Chrome extension for React Developer

[Experiment] Edit and Resend: Ajax Request Debugger in Chrome DevTools

3.8

Enhance Chrome DevTools with a new tab. Edit and resend fetch() / XHR requests. Efficiently debug or test your web applications.

XApi HTTP Client - Api Testing Tool

0.0

Intercept, debug & replay HTTP requests. A comprehensive API client with collections and cURL support inside Chrome DevTools.

React-DomPicker

5.0

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

Python Code Runner

5.0

Python playground and script runner. Run Python code snippets from any website using our free online Python compiler and IDE.

Expo React Native DevTools

0.0

A Chrome extension for Expo React Native developers to Open React Native Devtools

CRXLauncher

4.6

Effortlessly Launch Chrome Extensions with CRXLauncher

UX Enhancer for GitLab

4.8

A browser extension that enhances your GitLab experience.

Anima: Clone website & capture elements

5.0

Convert private or internal web pages into editable React/HTML or start vibe coding on it

rep+

5.0

rep+ - Capture, modify, and replay HTTP requests in Chrome DevTools with AI-powered security analysis.

React Developer Tools

4.0

Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.

ProseMirror Developer Tools

5.0

Run prosemirror-dev-toolkit as Chrome extension

React code finder

5.0

Chrome extension for React Developer

[Experiment] Edit and Resend: Ajax Request Debugger in Chrome DevTools

3.8

Enhance Chrome DevTools with a new tab. Edit and resend fetch() / XHR requests. Efficiently debug or test your web applications.

XApi HTTP Client - Api Testing Tool

0.0

Intercept, debug & replay HTTP requests. A comprehensive API client with collections and cURL support inside Chrome DevTools.

React-DomPicker

5.0

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

Python Code Runner

5.0

Python playground and script runner. Run Python code snippets from any website using our free online Python compiler and IDE.

Google apps