# Visor de solicitud / respuesta

> Inspecciona solicitudes y respuestas en Proxyman con las pestañas Header, Cookies, Query, Body, Raw y JSON Tree View, y organiza los paneles como mejor te convenga.

Después de instalar el [Certificate](https://proxyman.com/docs/es/debug-devices/macos) y activar [SSL Proxying](https://proxyman.com/docs/es/basic-features/ssl-proxying) en dominios o apps, tu tráfico de red aparece de inmediato en la ventana de Proxyman. La ventana tiene tres áreas principales:

* La Source List en el panel izquierdo 
* La Flow List en el panel central 
* El Flow Content en el panel derecho

![Ventana principal de Proxyman con la Source List, la lista de solicitudes y el cuerpo JSON de una solicitud POST con una respuesta 201 Created](https://proxyman.com/docs/assets/proxyman-main-window.jpg)

_Ventana principal de Proxyman_

## Visor de contenido Body {#body-content-previewer}

Según el contenido de la solicitud o la respuesta, Proxyman lo muestra automáticamente en pestañas separadas:

* **Header**: Todas las cabeceras (tabla clave-valor)
* **Cookies**: La cabecera **Cookie** de la solicitud
* **Set-Cookie**: La cabecera Set-Cookie de la respuesta
* **Auth**: La cabecera **Authorization**
* **Body**: El cuerpo del mensaje. Proxyman da formato y embellece automáticamente el body según el **Content-Type**, como JSON, PNG, GIF, Raw Data, ...
* **Query**: Todos los parámetros de consulta de la solicitud
* **Raw**: El mensaje HTTP sin procesar
* Mensaje [Protobuf](https://proxyman.com/docs/es/advanced-features/protobuf)
* MessagePack
* [Multipart/form-data](https://proxyman.com/docs/es/basic-features/multipart-form-data-previewer)

## Pestaña personalizada del visor {#custom-previewer-tab}

Puedes elegir qué pestañas del visor quieres ver:

* Las pestañas personalizadas permanecen en el panel Request/Response.
* Proxyman intenta decodificar y embellecer el contenido en el formato seleccionado.

- [Pestaña de vista previa personalizada](https://proxyman.com/docs/es/basic-features/custom-previewer-tab)

![Ventana Custom Body Previewer Tabs de Proxyman con casillas de formato para los paneles Request y Response](https://proxyman.com/docs/assets/proxyman-custom-previewer-tab-window.jpg)

_Elige tus pestañas del visor_

## Modo de diseño {#layout-mode}

Hay dos formas de organizar los paneles Request / Response: [diseño vertical u horizontal](https://proxyman.com/docs/es/basic-features/horizontal-vertical-layout).

## Personaliza tu espacio de trabajo {#customize-workspace}

Usa los botones de diseño de la esquina superior derecha de la app para organizar el contenido como prefieras:

1. Contraer o expandir el panel Source List 
2. Abrir el panel Request/Response en una ventana nueva
3. Mostrar el panel Request/Response en diseño horizontal
4. Mostrar el panel Request/Response en diseño vertical

![Barra de herramientas de Proxyman con los botones de diseño a la derecha para Source List, Detachable Window, Horizontal y Vertical](https://proxyman.com/docs/assets/proxyman-toolbar-layout-buttons.jpg)

_Botones de diseño en la barra de herramientas_

## Atajos {#shortcuts}

Todas las secciones admiten **Copy (⌘C)** y selección múltiple.

Más información en nuestra entrada del blog sobre los [atajos de teclado de Proxyman](https://proxyman.com/posts/2019-08-20-Useful-shortcuts-that-boost-your-productivity).

## **Visor de Body**  {#body-previewer-}

El visor de Body embellece automáticamente el contenido y ofrece funciones prácticas adicionales:

* **Tree View**: Muestra el JSON en modo Tree View
* **Hex**: Muestra el body en formato hexadecimal
* **Export only body**: Exporta solo el contenido del body a un archivo. Útil para datos sin procesar o binarios.
* **Open With**: Abre el contenido del body en tu editor favorito. **Sublime Text** es el mío 😍

## Modo JSON Tree View {#json-tree-view-mode}

Proxyman tiene un modo nativo JSON Tree View para los bodies JSON. Te permite:

* Buscar JSON mediante [JSON Path](https://proxyman.com/docs/es/basic-features/jsonpaths)
* Copiar un nodo JSON, como en las DevTools de Google Chrome

## Más información {#learn-more}

* [Visualiza bodies multipart/form-data de solicitudes y respuestas HTTP](https://proxyman.com/posts/2021-06-24-preview-multipart-formdata)