Offline JS Playground

Offline JS Playground 是一款 Chrome 扩展，可直接在 Chrome 中编写、运行和测试 JavaScript 代码片段，支持离线快速实验、调试与已保存片段管理。

编程代理

AI开发者工具

AI编程助手

AI测试与QA

访问网站

概述

Offline JS Playground 是一款 Chrome 扩展，可直接在 Chrome 中编写、运行和测试 JavaScript 代码片段。商店页面将其介绍为一个简单的 playground，适用于快速实验、调试、学习和测试想法，无需完整的开发环境。

其核心工作流围绕编辑器、界面内控制台和已保存代码片段展开。页面还说明该工具专为离线使用而设计，包含沙盒执行功能，并支持 Chrome Sync，以便在不同设备上使用代码片段。

功能

基于 Monaco 的编辑器

使用真正的 Monaco Editor 编写和编辑 JavaScript，并获得 IntelliSense、语法高亮和代码补全功能。

详细的界面内控制台

使用支持展开对象、数组、Maps、Sets、类型化数组、类实例、console.table、分组、计时器、计数器、断言、跟踪和保留堆栈跟踪的控制台检查运行时输出。

多个代码片段管理

通过自动保存、筛选、重命名、重新排序、导入和导出来管理多个代码片段。

JSON fixtures 工作流

将代码片段命名为 .json 以加载 JSON fixtures，并通过 readJSON() 访问它们。

沙盒执行

在隔离环境中运行代码，无法访问扩展、浏览器或当前页面。

灵活的工作区控制

使用三种布局、可调整大小的编辑器/控制台/代码片段面板、20 种主题、键盘快捷键、全屏和专注模式调整工作区。

使用场景

快速实验
当你想快速尝试一些小型 JavaScript 想法，而不想打开单独的 IDE 或项目时，可以使用该扩展。
调试与检查
针对边界情况运行代码片段，并使用内置控制台工具检查复杂输出，包括表格、分组、计时器、断言和堆栈跟踪。
管理可复用代码片段
保存并重新查看一组相关代码片段，并随着工作变化切换名称、顺序和筛选条件。
处理结构化测试数据
将 JSON fixtures 存储在代码片段中，并在需要让测试数据可供 playground 使用时通过 readJSON() 加载。
个性化跨设备工作流
使用 Chrome Sync 在多台计算机之间保持一致的本地工作流，并通过布局、主题和快捷键自定义编辑器、控制台和代码片段面板。

Pros and Cons

Pros

专为离线使用而设计，适合本地实验和调试。
包含具备 IntelliSense、语法高亮和代码补全功能的真正代码编辑器。
提供支持更丰富对象检查和调试输出的控制台，不只是简单的日志视图。
支持带自动保存、导入/导出和重新排序功能的多个代码片段。
在与扩展、浏览器和当前页面隔离的沙盒环境中运行代码。

Cons

收集到的页面文本未明确说明定价，因此仅凭这些证据无法确认费用预期。
商店页面除 Chrome Sync 外，未详细说明团队协作或共享功能。

FAQ

Offline JS Playground 用于什么？

商店页面将其描述为一款专为离线设计的 JavaScript playground，可让你直接在 Chrome 中编写、运行和测试代码片段。它围绕编辑器和界面内控制台构建，而不是完整的开发环境。

它包含哪些功能？

页面称其包含真正的 Monaco Editor、功能强大的控制台、支持自动保存的多个代码片段、通过 readJSON() 使用 JSON fixtures、沙盒执行、布局选项、主题、Chrome Sync、键盘快捷键以及全屏/专注模式。

使用它需要互联网连接吗？

该扩展运行在 Chrome 中，并被描述为专为离线使用而设计。除将其添加到 Chrome 外，页面未提供更多设置步骤。

我可以在多台设备上使用它，或与团队一起使用吗？

商店文本表示，可以通过 Chrome Sync 让代码片段在多台设备上保持可用，但没有介绍单独的团队共享或协作功能。

它的费用是多少？

收集到的商店文本未显示该扩展明确的定价结构，因此仅凭此处的页面证据无法确认它是免费还是付费。

Quick Facts

类别: 开发者工具
平台: Chrome 扩展
主要用途: 编写、运行和测试 JavaScript 代码片段
特色工作流: 编辑器 + 界面内控制台 + 已保存代码片段
来源域名: chromewebstore.google.com
版本: 1.3.0