CodePrettify: JS・JSON・CSS・RSSフォーマッター icon

CodePrettify: JS・JSON・CSS・RSSフォーマッター

Extension Actions

How to install Open in Chrome Web Store
CRX ID
ijhgclhipdfnaphhcipbnblgoemcaioj
Status
  • Live on Store
Description from extension meta

JS、JSON、CSS、RSS を自動で整形・ハイライト。テーマ、折りたたみ JSON、行番号などに対応。

Image from store
CodePrettify: JS・JSON・CSS・RSSフォーマッター
Description from store

CodePrettify は、JavaScript、JSON、CSS、XML、RSS/Atom などの未整形コードを開いた瞬間に自動で整形・解析・ハイライトします。ミニファイされた API レスポンス、複雑なフィード、ローカル設定ファイルなどを表示する際も、ブラウザ上で IDE のような体験を提供します。

🚀 スマート自動化とフォーマット
- 自動フォーマット:乱れたコードやミニファイされたコードを検出し、指定したインデントで整形
- ミニファイ検出:コードの密度を解析し、圧縮されたファイルは自動整形、読みやすいファイルはそのまま表示
- スマートレンダリング:密なコードと整形済みコードの両方に最適な表示
- コード折りたたみ:関数、クラス、オブジェクト、配列、XML ブロックを折りたたみ/展開
- JSON ビューア:インタラクティブで折りたたみ可能な JSON 表示

📊 構造化データ対応
- JSON と XML/RSS/Atom を完全サポート(シンタックスハイライトと自動整形)
- JSON:オブジェクトと配列の折りたたみ、パンくずナビゲーション、JSON Path ツール
- XML/RSS:階層構造表示、要素折りたたみ、エンティティデコード
- JSON と XML 内のリンクをクリック可能
- テーブル表示:JSON 配列や繰り返し XML 要素を表形式で表示

🧭 大規模ファイル向けナビゲーション
- ドキュメントナビゲーター:JSON、JavaScript、XML の構造を一覧表示
- コードミニマップ:大きなファイルを素早く移動
- 表示状態の保存:折りたたみ、検索、ハイライト行、表示モードを復元
- スマートプレビュー:Array(5) や {3 keys} などの概要表示

🔍 コード解析とデバッグ
- 診断パネル:構文状態、警告、ファイル情報を表示
- 統計パネル:
- 一般:ファイルサイズ、行数、文字数
- JSON:ネスト深度、キー数、配列サイズ
- JavaScript:関数数、変数数
- CSS:セレクタ数、ルール数、メディアクエリ
- XML/RSS:タグ、属性、名前空間
- 構文チェック:
- JSON:行番号付きエラー検出
- JavaScript:括弧や波括弧の不一致を検出
- CSS/XML:構造検証
- 即時フィードバック:控えめなエラー通知
- リアルタイムデバッグ:閲覧しながらコード解析

🔐 データ解析とデコード
- Base64 / JWT デコード:エンコードとデコード結果をモーダルで表示
- タイムスタンプ解析:Unix 時間や ISO 日付を自動検出
- JSON Path ツール:JSON 構造の検索・コピー・クエリ

🔎 検索と操作
- 高度検索(Ctrl+F)と結果カウント
- 正規表現検索(/pattern/flags)
- 行番号ジャンプ(Ctrl+G)
- クリック可能なリンクとインポートパス
- 括弧対応表示 {}, (), []

🌐 リクエスト情報と解析
- HTTP コンテキストパネル:ステータス、ヘッダー、エンコード、メタデータ
- cURL / fetch 生成:リクエストを再現可能

🎨 ビジュアルツールと CSS
- Hex / RGB カラープレビュー
- 内蔵カラーピッカー
- フリッカーフリー表示(Zero-flash loading)

🔒 プライバシーとセキュリティ
- 完全ローカル処理:すべてブラウザ内で実行
- 外部通信なし:データは一切送信されません
- 外部ライブラリ不使用:依存関係なし
- 機密データにも安全:API、トークン、内部システムで使用可能

📂 あらゆる環境で動作
- Web レスポンスとローカルファイル(file://)に対応
- API、設定ファイル、静的ファイルで利用可能

⚙️ カスタマイズ
- テーマ:ライト、ダーク、自動
- 設定:フォントサイズ、インデント、行番号、折り返し、ミニマップ

⌨️ キーボードショートカット
- Ctrl+B:表示切替(Raw / Pretty)
- Ctrl+Alt+C:コピー
- Ctrl+F:検索
- Ctrl+G:行へ移動
- Ctrl+Alt+T:ツールバー切替

📝 ローカルファイルについて
ローカルファイル(file:///)で使用するには、Chrome の拡張機能設定で "Allow access to file URLs" を有効にしてください

英語、日本語、ノルウェー語、ドイツ語、スペイン語、中国語など14言語に対応。

Latest reviews

Game Top
Must have tool for anyone who codes!