跳到主要内容
Toolars
探索
报告问题

开发 · 本地工具

JavaScript 格式化

JavaScript Formatter

在本地 Worker 中用语法解析器重排 JavaScript 缩进——只解析、绝不执行——可选 2 或 4 空格,语法错误指出行列,输入限 256 KiB,代码不上传。

任务路径 / 从输入到结果

粘贴 JavaScript

本地运行 · 不做任何上传

了解JavaScript 格式化的使用方法、隐私说明与相关工具

任务路径 / 从输入到结果

如何格式化 JavaScript

  1. 01

    粘贴 JavaScript

    粘贴不超过 256 KiB 的 UTF-8 源码;格式化可选两个或四个空格。

  2. 02

    选择缩进

    选择 2 或 4 个空格。示例已预载;点击“格式化”后才会应用新设置。

  3. 03

    格式化而不执行

    点击“格式化”。Prettier 按所选缩进和 100 列打印宽度解析并重新输出 JavaScript,但不执行代码;请运行自己的测试。

  4. 04

    检查结果与统计

    对比输入与输出的 UTF-8 字节数及节省比例。节省值为负表示结果变大;复制或下载前先检查。

  5. 05

    复制或下载结果

    格式化后的代码显示在只读的“格式化后的 JavaScript”面板中,带有输入、输出与体积统计。“复制结果”将其放入剪贴板;“下载”将其保存为 toolars.js。

工具速览

处理方式
在浏览器本地完成
输入是否离开设备
从不
数据保留
不保存任何内容
价格
免费

你的输入留在浏览器里。

JavaScript 格式化 使用经过验证的本地执行路径,不会创建隐藏的输入或输出历史记录。

本地执行

在当前浏览器标签页内运行。

无隐藏处理

使用中的工具数据绝不会成为 Toolars 的文档记录。

无需账户

无需创建账户即可使用核心工作流。登录后收藏才会同步到你的账户。

立即重置

关闭标签页,当前的工作数据即刻消失。

JavaScript 格式化 的适用场景

代码审查

在分享给其他开发者之前,让源码更易于检查。

构建产物

生成紧凑的 HTML、CSS 或 JavaScript,而不执行源码。

可直接复制的片段

格式化一个聚焦的示例,直接放入文档或编辑器。

JavaScript 格式化 究竟做什么

生产环境的堆栈片段得先读懂才能写热修复,而它到达时是一整行。论坛上找到的书签脚本值得在信任之前检查一遍,同事的巧妙一行代码需要变成团队能维护的代码。JavaScript 格式化 解析并重新缩进源码而不执行它,完全在设备上进行,缩进宽度用你的项目已经在用的。这正是处理不可信代码的方式:先读,绝不运行——除非你之后自己选择运行。

常见问题

大小限制是多少?
输入上限 256 KiB,输出上限 512 KiB。本地 Worker 的启动和执行各有 5 秒时限;编辑源码或点击取消会停止处理。
格式化会运行我的代码吗?
不会。格式化器解析 JavaScript 并统一缩进,不求值表达式,也不调用函数。格式化成功后仍需运行项目自身的测试。
为什么我的代码片段被拒绝了?
解析器要求语法上有效的 JavaScript。粘贴不完整、括号不配对或混入多余字符都会中止运行,错误信息会指明行与列;修正语法后再次运行即可。
能选制表符或其他缩进宽度吗?
不能。缩进尺寸限定为 2 空格或 4 空格,这是大多数 JavaScript 项目标准化的两种宽度。其他需求的话,先在这里格式化,最终约定交给项目自己的工具(比如编辑器配置)统一。
统计行告诉我什么?
这里显示转换前后的 UTF-8 字节数及差值。格式化可能让文件变大;这些数字不能证明语法有效或视觉一致。
我的代码会被上传到别处吗?
不会。源码只在本地 Worker 解析,不执行、上传或保存。解析成功不代表应用正确或浏览器兼容。

继续探索开发者工具

相关任务,而非死胡同。

无需返回完整索引,直接进入另一个专注的工作区。

代码转图片

Code to Image Converter

把 JavaScript、TypeScript、HTML、CSS、JSON、Bash 代码用 Shiki 高亮后排成带窗口标题与行号的卡片,可调背景、内边距、字号与 1x/2x 比例,导出 SVG 或 PNG。

创建

URL Slug 生成器

URL Slug Generator

把标题实时转成干净的 URL slug:去重音、& 变 and、标点折叠为连字符或下划线,中日文等非拉丁文字保留,结果小写,可复制或下载。

创建

React Native 阴影生成器

React Native Shadow Generator

为 iOS 与 Android 生成 React Native 阴影样式:调偏移、不透明度、半径与 elevation,对照实时近似预览,复制 StyleSheet 代码;可选新架构 boxShadow 模式。

创建

Base64 编码 / 解码

Base64 Encoder/Decoder

在本地编码 Unicode 文本或解码 Base64,支持 UTF-8、URL-safe 变体与换行保留,解码即时校验并指出具体错误,一键互换方向做往返验证。

转换