This is a simple and user-friendly JSON Formatter Chrome extension designed to help you format and view JSON data in a readable format. You can easily paste your raw JSON data, format it, and copy the result. It also offers basic font controls to adjust the display size.
- Format JSON: Paste your raw JSON into a text area and click the "Format JSON" button to beautify the JSON structure.
- Copy JSON: Copy the formatted JSON with a single click for easy reuse.
- Adjust Font Size: Increase or decrease the font size of the JSON for better readability.
- Line Numbers: View line numbers alongside the input for easier navigation through your JSON structure.
- Character and Position Tracking: The status bar shows the total number of characters in your JSON input and your current cursor position (line and column).
- Download the extension files (including
manifest.json,popup.js,style.css, andindex.html) to your local machine. - Open Google Chrome and go to the Extensions page by clicking on the three dots at the top right corner of the browser, selecting More Tools, and then Extensions.
- Enable Developer Mode at the top right of the Extensions page.
- Click the Load unpacked button and select the folder where you have the extension files.
- Your extension should now be installed and visible in the browser's extension toolbar.
- Paste JSON Data: Paste your JSON data into the provided text area.
- Format JSON: Click the "Format JSON" button to beautify your JSON, making it more readable.
- Copy JSON: Once formatted, click "Copy JSON" to copy the formatted output to your clipboard.
- Font Controls: Use the "+" and "-" buttons to adjust the font size of the JSON content.
- Line Numbers: Line numbers are displayed next to the input area to help you keep track of your JSON data's structure.
- Status Bar: The status bar at the bottom shows the number of characters in the input and your cursor's position within the JSON content.
This project is open-source and available under the MIT License.