Item logo image for TypeScript Console

TypeScript Console

3.6(

7 ratings

)
Item media 2 (screenshot) for TypeScript Console
Item video thumbnail
Item media 2 (screenshot) for TypeScript Console
Item video thumbnail
Item video thumbnail
Item media 2 (screenshot) for TypeScript Console

Overview

Run and debug TypeScript code in the Browser DevTools.

Execute and debug TypeScript code without leaving your browser. This extension adds a TypeScript panel to Chrome DevTools where you can write, run, and test TypeScript code instantly. Key Features: • Write and execute TypeScript code directly in DevTools • Full support for latest TypeScript and TSX syntax • Import and use npm packages in your code • Simple keyboard shortcut - just press Cmd/Ctrl+S to run • Integrated error handling with clear syntax and runtime error messages • Direct DOM manipulation and browser API access • Seamless debugging with Chrome's built-in debugger Perfect for: • Quick TypeScript experiments and prototyping • Testing code snippets without project setup • Learning TypeScript with instant feedback • Debugging complex type issues • DOM manipulation with type safety How it works: 1. Install the extension 2. Open Chrome DevTools 3. Navigate to the TypeScript Console panel 4. Write your TypeScript code 5. Press Cmd/Ctrl+S to execute No configuration needed. Start coding TypeScript immediately with full access to Web APIs and the ability to import npm packages.

Details

  • Version
    0.6.3
  • Updated
    November 18, 2025
  • Offered by
    rxliuli
  • Size
    8.02MiB
  • Languages
    English
  • Developer
    Email
    rxliuli@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

Manage extensions and learn how they're being used in your organization
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

Related

npmhub

4.5

Explore npm dependencies on GitHub repos

React Context DevTool

4.2

Devtool for React Context and useReducer

Preact Developer Tools

4.5

Adds debugging tools for Preact to Chrome

Javascript Console Editor

3.0

Lets you test Javascript against a web page.

daily.dev | Where developers discover what's next

4.9

Developer news, personalized to your stack, in every new tab. Join 400,000+ developers. Free and open source.

CSS Variables Editor

4.6

The AI-Powered browser extension for managing colors in CSS Variables

Refined GitHub

4.8

Simplifies the GitHub interface and adds useful features

Inspect CSS

4.8

The easiest way to inspect and edit CSS

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

Gimli Tailwind

4.3

A DevTools extension enabling smart tools for Tailwind CSS.

Hover Console

5.0

Step up your JavaScript debugging in-browser with Hover Console Extension. Streamline errors and fix bugs instantly - Try it now!

Enhanced GitHub

4.4

Display repo size, size of each file, download link and option to copy file contents

npmhub

4.5

Explore npm dependencies on GitHub repos

React Context DevTool

4.2

Devtool for React Context and useReducer

Preact Developer Tools

4.5

Adds debugging tools for Preact to Chrome

Javascript Console Editor

3.0

Lets you test Javascript against a web page.

daily.dev | Where developers discover what's next

4.9

Developer news, personalized to your stack, in every new tab. Join 400,000+ developers. Free and open source.

CSS Variables Editor

4.6

The AI-Powered browser extension for managing colors in CSS Variables

Refined GitHub

4.8

Simplifies the GitHub interface and adds useful features

Inspect CSS

4.8

The easiest way to inspect and edit CSS

Google apps