TypeScript Console
Extension Actions
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.
Latest reviews
- maddada
- Great idea and works perfectly. I like that it shows errors too. Thank you very much!
- Zehani Mohamed Youssef
- not working offering nothing ------- thanks to your collab this can be saved -- I will update it to 5 stars if you complete an update that addresses current bugs per se : can run it everywhere & extension not "disabled" ===== I will deeply respect you if you make your extension holistic to the console; doing a console override just to run TS normally as it would run any JS. -- But there's a lack of professionalism for saying I'm stating nonsense on GitHub while I sent you a real screenshot of what I did without relying on extensions and by solely reversing, although visual is easy compared to the core. In the past, I, by chance, was able to run TS into JavaScript, but that was probably a hidden feature or a bug that didn't enforce only JS. Aside from parsers who deflect the main issue; the theory of compilation addresses these problems & how they can be easily solved even though this transliteration isn't a compilation; the automata logic persists & it's possible to draw the **garbage throw** & through that you can establish your entry points of how you would redirect the garbage recollection & remake your own version garbage collection by adding or modifying the design assuring your automata is optimized to the way you wished; working as desired no longer throwing. This is about obvious reverse engineering, obviously something you never attempted; it would be the same as bypassing security mechanisms but way easier by creating a paradigm; similar to jailbreaking but way easier. You just have to redirect or override logic. I want to add that, thanks to your extension, you easily inject this, easily mimicking reverse engineering. You simply, through the console, make logic that handles code before the native handlers. To do this, you modify the native mechanism & replace it with a mechanism that makes you handle the input first, then address handling. In your primacy handling, you use your extension work as a holistic code to the problem that directly translates TS & runs it. This way, you have run TS in the console & circumvented the errors or garbage throwing that normally would not enable you to proceed. Thanks to your already implemented solution you can directly tweak the console & make this "extension" a console override that enables TS without any external visuals or unnecessary views. You can even handle your extension's only errors directly in the console.
- Suhail Akhtar
- Typescript Console tab is not showing anywhere. I am unable to use this extension.
- Hedley Pugh
- Easy to use: just Cmd/Ctrl+S to run
- Ashish Agarwal
- 5 stars if theres a button or specific keybind to easily run code. It's not running code...