Cómo Abrir Archivos JSON: Guía Completa Multi-Plataforma

# Cómo Abrir Archivos JSON: Guía Completa Multi-Plataforma

Abrir archivos JSON es simple, pero hay muchas opciones según tus necesidades. Esta guía completa te mostrará todas las formas de abrir y visualizar archivos JSON en cualquier sistema operativo.

Método 1: Editores de Texto

Windows

1. Click derecho en el archivo .json
Seleccionar "Abrir con"
Elegir "Bloc de notas"

Características:
✓ Resaltado de sintaxis JSON
✓ Plegado de código
✓ Validación de sintaxis
✓ Formateo automático

Descargar: notepad-plus-plus.org

Características:
✓ Resaltado de sintaxis avanzado
✓ Formateo automático (Alt+Shift+F)
✓ Validación en tiempo real
✓ Extensiones JSON Schema
✓ Vista de árbol
✓ IntelliSense

Descargar: code.visualstudio.com

macOS

1. Click derecho en archivo .json
Abrir con > TextEdit
Formato > Hacer texto sin formato

# Instalar desde terminal
brew install --cask visual-studio-code

# Abrir archivo JSON
code archivo.json

Características:
✓ Rápido y ligero
✓ Resaltado de sintaxis
✓ Múltiples cursores
✓ Búsqueda potente

Linux

gedit archivo.json

kate archivo.json

vim archivo.json

# Formatear JSON en vim
:%!python -m json.tool

# Ubuntu/Debian
sudo snap install code --classic

# Fedora
sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo dnf install code

# Abrir archivo
code archivo.json

Método 2: Navegadores Web

Google Chrome

1. Arrastra el archivo .json al navegador
O: File > Open File (Ctrl+O)

1. Instalar extensión "JSON Formatter"
Abrir archivo .json en Chrome
Ver con sintaxis resaltada y plegable

// Abrir consola (F12)
fetch('archivo.json')
  .then(r => r.json())
  .then(data => console.log(data));

Firefox

Firefox incluye visor JSON nativo:
✓ Resaltado de sintaxis
✓ Vista de árbol colapsable
✓ Vista raw
✓ Búsqueda

1. Arrastra archivo al navegador
O: File > Open File (Ctrl+O)
Automáticamente formatea y resalta

Microsoft Edge

1. Abrir archivo con Edge
Instalar extensión JSON Viewer
Ver formateado con colores

Método 3: Herramientas Online

Big JSON Viewer (Recomendado)

✓ Maneja archivos extremadamente grandes (GB+)
✓ Vista de árbol interactiva
✓ Búsqueda potente
✓ Sin límite de tamaño
✓ Procesamiento local (privado)
✓ Sin necesidad de subir a servidor
✓ Exportar a Excel
✓ Copiar JSON paths

1. Visitar bigjson.online
Arrastrar archivo .json o hacer click en "Upload"
Explorar con vista de árbol
Buscar, filtrar, navegar

• Archivos JSON muy grandes
• Datos anidados complejos
• Análisis de APIs
• Depuración de datos

JSONLint

1. Copiar contenido del archivo JSON
Pegar en jsonlint.com
Click "Validate JSON"
Ver errores o JSON formateado

JSON Editor Online

✓ Vista de árbol y código lado a lado
✓ Edición visual
✓ Búsqueda y filtrado
✓ Ordenar propiedades
✓ Transformación de datos

Método 4: Línea de Comandos

Ver en Terminal

# Instalar jq
# macOS
brew install jq

# Ubuntu/Debian
sudo apt-get install jq

# Ver archivo JSON formateado
jq . archivo.json

# Ver con colores
jq -C . archivo.json

# Ver específico campo
jq '.usuarios' archivo.json

# Ver con paginación
jq . archivo.json | less

# Ver formateado
python -m json.tool archivo.json

# Ver con colores
python -m json.tool archivo.json | pygmentize -l json

# Guardar formateado
python -m json.tool archivo.json > formateado.json

# Ver formateado
node -e "console.log(JSON.stringify(require('./archivo.json'), null, 2))"

# O crear script reutilizable
echo 'console.log(JSON.stringify(require(process.argv[2]), null, 2))' > viewjson.js
node viewjson.js archivo.json

# Ver contenido
Get-Content archivo.json | ConvertFrom-Json

# Ver formateado
Get-Content archivo.json | ConvertFrom-Json | ConvertTo-Json -Depth 10

# Acceder a propiedades
(Get-Content archivo.json | ConvertFrom-Json).usuarios

Método 5: Programáticamente

JavaScript/Node.js

const fs = require('fs');

// Leer y parsear JSON
const datos = JSON.parse(fs.readFileSync('archivo.json', 'utf8'));
console.log(datos);

// Ver formateado
console.log(JSON.stringify(datos, null, 2));

// Acceder a propiedades
console.log(datos.usuarios[0].nombre);

Python

import json

# Leer y parsear JSON
with open('archivo.json', 'r', encoding='utf-8') as f:
    datos = json.load(f)

# Ver completo
print(datos)

# Ver formateado
print(json.dumps(datos, indent=2, ensure_ascii=False))

# Acceder a datos
print(datos['usuarios'][0]['nombre'])

Java

import com.google.gson.Gson;
import com.google.gson.GsonBuilder;
import java.io.FileReader;

public class LeerJSON {
    public static void main(String[] args) {
        try {
            Gson gson = new GsonBuilder()
                .setPrettyPrinting()
                .create();

            FileReader reader = new FileReader("archivo.json");
            Object obj = gson.fromJson(reader, Object.class);

            System.out.println(gson.toJson(obj));
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

C#

using System;
using System.IO;
using Newtonsoft.Json;

class Program
{
    static void Main()
    {
        string json = File.ReadAllText("archivo.json");
        dynamic datos = JsonConvert.DeserializeObject(json);

        Console.WriteLine(JsonConvert.SerializeObject(datos, Formatting.Indented));
    }
}

Método 6: IDEs Especializados

Visual Studio

1. File > Open > File
Seleccionar archivo .json
Formateo automático disponible
IntelliSense si hay JSON Schema

IntelliJ IDEA / WebStorm

Características:
✓ Validación automática
✓ Formateo (Ctrl+Alt+L)
✓ Navegación de estructura
✓ JSON Schema support
✓ Refactoring

Eclipse

1. Instalar plugin "JSON Editor"
File > Open File
Ver con resaltado de sintaxis

Abrir Archivos JSON Grandes

Para archivos > 100MB

✓ Maneja archivos de varios GB
✓ Carga progresiva
✓ Vista de árbol eficiente
✓ Búsqueda rápida
✓ No requiere cargar todo en memoria

# Ver primeros 10 elementos
jq '.usuarios[:10]' archivo_grande.json

# Buscar específico sin cargar todo
jq '.usuarios[] | select(.edad > 30)' archivo_grande.json

import ijson

# Leer archivo grande sin cargar todo en memoria
with open('archivo_grande.json', 'rb') as f:
    objetos = ijson.items(f, 'usuarios.item')
    for usuario in objetos:
        print(usuario['nombre'])

const JSONStream = require('JSONStream');
const fs = require('fs');

fs.createReadStream('archivo_grande.json')
  .pipe(JSONStream.parse('usuarios.*'))
  .on('data', (usuario) => {
    console.log(usuario.nombre);
  });

Solución de Problemas

Error: "No se puede abrir el archivo"

# Verificar que es JSON válido
jq . archivo.json

# O con Python
python -m json.tool archivo.json

Error: "JSON malformado"

1. Usar JSONLint para encontrar errores
Verificar:
   - Comillas dobles (no simples)
   - Sin comas finales
   - Llaves/corchetes balanceados
Usar Big JSON Viewer que muestra errores claramente

Archivo demasiado grande para editor

1. Usar Big JSON Viewer
Usar herramientas de línea de comandos (jq)
Streaming parsers
Dividir archivo en partes más pequeñas

Caracteres especiales no se ven correctamente

1. Asegurar encoding UTF-8
En VS Code: File > Save with Encoding > UTF-8
En terminal: 
   iconv -f ISO-8859-1 -t UTF-8 archivo.json > archivo_utf8.json

Mejores Prácticas

1. Elige la herramienta correcta según el tamaño

< 1MB      → Cualquier editor de texto
1-10MB     → VS Code, Sublime Text
10-100MB   → Big JSON Viewer, jq
> 100MB    → Big JSON Viewer, streaming tools

2. Valida antes de editar

# Siempre valida primero
jq . archivo.json > /dev/null && echo "JSON válido"

3. Haz backup antes de modificar

# Crear copia de seguridad
cp archivo.json archivo.json.bak

4. Usa formateo automático

En VS Code: Alt+Shift+F
En Sublime: Ctrl+Alt+J (con plugin)
En vim: :%!python -m json.tool

Atajos de Teclado Útiles

Visual Studio Code

Formatear:           Alt+Shift+F (Win) / Opt+Shift+F (Mac)
Plegar todo:         Ctrl+K Ctrl+0
Desplegar todo:      Ctrl+K Ctrl+J
Ir a línea:          Ctrl+G
Buscar:              Ctrl+F
Reemplazar:          Ctrl+H
Plegar nivel actual: Ctrl+Shift+

Abrir DevTools:      F12
Consola:             Ctrl+Shift+J
Pretty print:        {} button
Buscar:              Ctrl+F

• [bigjson.online - Para archivos grandes
• JSONLint.com - Para validación rápida

¡Ahora ya sabes cómo abrir archivos JSON en cualquier situación!