# Instrucciones de navegador (Beta)

Cuando usas Custom Browser Instructions, puedes definir tus propias instrucciones específicas del navegador que se ejecutan al renderizar JavaScript.

{% hint style="success" %}
Generar **Instrucciones del navegador automáticamente** en el [**Web Scraper API Playground**](https://dashboard.oxylabs.io/?route=/api-playground) en el panel de Oxylabs. Configura acciones del navegador, pruébalas y exporta las instrucciones generadas en formato JSON.&#x20;
{% endhint %}

### ¿Cómo se usa?

Para usar instrucciones del navegador, proporciona un conjunto de `browser_instructions` al crear un trabajo.

Supongamos que quieres buscar el término `pizza boxes` en un sitio web.

<figure><img src="/files/445ee161c49db6bd488acf08e3abf42be34a8ea6" alt=""><figcaption></figcaption></figure>

Un ejemplo de parámetros del trabajo se vería así:

{% code overflow="wrap" %}

```bash
curl -k -x https://unblock.oxylabs.io:60000 \
-U 'USERNAME:PASSWORD' \
'https://www.ebay.com' \
-H 'x-oxylabs-render: html' \
-H "x-oxylabs-browser-instructions: [{\"type\":\"input\",\"value\":\"pizza boxes\",\"selector\":{\"type\":\"xpath\",\"value\":\"\/\/input[@class='gh-tb ui-autocomplete-input']\"}},{\"type\":\"click\",\"selector\":{\"type\":\"xpath\",\"value\":\"\/\/input[@type='submit']\"}},{\"type\":\"wait\",\"wait_time_s\":5}]"
```

{% endcode %}

**Paso 1.** Debes proporcionar el `x-oxylabs-render: html` parámetro.

**Paso 2.** Las instrucciones del navegador deben describirse en el campo `x-oxylabs-browser_instructions` .

{% hint style="info" %}
Las instrucciones del navegador proporcionadas como valor del encabezado deben escaparse en JSON y no contener espacios extra.
{% endhint %}

Las instrucciones de navegador de ejemplo anteriores especifican que el objetivo es introducir un término de búsqueda `pizza boxes` en un campo de búsqueda, hacer clic en el botón `search` y esperar 5 segundos para que el contenido cargue.

El resultado extraído debería verse así:

```html
<!doctype html><html>
Contenido después de ejecutar las instrucciones      
</html>
```

El HTML extraído debería verse así:

<figure><img src="/files/fd74509ac0791466103f892735b7a12c08d750ee" alt=""><figcaption></figcaption></figure>

#### Obtener recursos del navegador <a href="#fetching-browser-resources" id="fetching-browser-resources"></a>

Proporcionamos una instrucción de navegador independiente para obtener recursos del navegador.

La función se define aquí:

Usar `fetch_resource` hará que el trabajo devuelva la primera aparición de un recurso Fetch/XHR que coincida con el formato proporcionado en lugar del HTML que se está destinando.

Supongamos que queremos apuntar a un recurso GraphQL que se obtiene al visitar una página de producto de forma orgánica en el navegador. Proporcionaremos la información del trabajo así:

{% code overflow="wrap" %}

```bash
curl -k -x https://unblock.oxylabs.io:60000 \
-U 'USERNAME:PASSWORD' \
'https://www.example.com/product-page/123' \
-H 'x-oxylabs-render: html' \
-H "x-oxylabs-browser-instructions: [{\"type\": \"fetch_resource\",\"filter\": \"\/graphql\/product-info\/123\"}]"
```

{% endcode %}

Estas instrucciones darán como resultado algo así:

```html
{"product_id": 123, "description": "", "price": 456}
```

### Lista de instrucciones de navegador compatibles <a href="#list-of-supported-browser-instructions" id="list-of-supported-browser-instructions"></a>

{% content-ref url="/pages/461b2779e3bb9f63687a7ae67a29791683eaca3e" %}
[Lista de instrucciones](/documentation/es/soluciones-de-scraping/web-scraper-api/features/js-rendering-and-browser-control/browser-instructions/list-of-instructions.md)
{% endcontent-ref %}

### Códigos de estado <a href="#status-codes" id="status-codes"></a>

Consulta nuestros códigos de respuesta descritos [**aquí**](/documentation/es/soluciones-avanzadas-de-proxy/web-unblocker/response-codes.md).

Los códigos de estado relacionados con la validación de instrucciones están documentados [**aquí**](/documentation/es/soluciones-de-scraping/web-scraper-api/features/js-rendering-and-browser-control/browser-instructions/list-of-instructions.md#instructions-validation).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://developers.oxylabs.io/documentation/es/soluciones-avanzadas-de-proxy/web-unblocker/custom-browser-instructions/browser-instructions-beta.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
