Chrome Prompt API:
браузерный AI для веб-разработчиков

Введение

5 мая 2026 года Google выпустила Chrome 148 с функцией, которая фундаментально меняет отношения между веб-сайтами и AI: Prompt API — встроенный в браузер JavaScript-интерфейс, дающий любому сайту прямой доступ к AI-языковой модели на устройстве без сервера, API-ключа или стороннего сервиса.

Под капотом Prompt API работает на базе Gemini Nano — самой компактной и эффективной фундаментальной модели Google — полностью на устройстве пользователя. Сама модель занимает примерно 4.27 ГБ. Chrome загружает её в фоне на подходящих устройствах, и после установки любая страница верхнего уровня может вызывать AI-инференс несколькими строками JavaScript.

Это не тихая функция. Mozilla официально выступила против. Команда WebKit от Apple выразила обеспокоенность. W3C Technical Architecture Group опубликовала негативный отзыв. Microsoft присоединилась к оппозиции. Google выпустил API в любом случае — и теперь у 4.16 миллиарда пользователей Chrome есть браузер, способный запускать AI локально, попросили они об этом или нет.

Как веб-разработчику, вам нужно понимать, что может этот API, как его использовать и что означает полемика вокруг него для ваших проектов. Это руководство охватывает все три аспекта. О новейших возможностях ECMAScript, которые можно использовать вместе с этим API, читайте в моём полном руководстве по ES2026.

Что такое Prompt API?

Prompt API — это браузерный стандарт, предложенный Google, который предоставляет JavaScript-интерфейс к языковой модели AI на устройстве. В Chrome 148 используется модель Gemini Nano, специально разработанная Google для работы на устройстве, оптимизированная для генерации текста, суммаризации, классификации и мультимодальных задач, таких как описание изображений и транскрипция аудио.

API находится в пространстве имён window.ai и предоставляет три основные примитива: определение доступности, создание сессии с настраиваемыми system prompts и непосредственно интерфейс промптинга (как запрос-ответ, так и потоковый).

Ключевые характеристики

• Инференс на устройстве: вся обработка выполняется локально. Данные не отправляются на сервер.
• Нулевая задержка: нет сетевого round-trip — ответы начинаются через миллисекунды после первого промпта.
• Работает офлайн: после загрузки модели API работает без интернет-соединения.
• Бесплатно: нет платы за API, лимитов использования или rate limiting.
• Только Chrome: ни один другой браузерный движок не поддерживает и не планирует поддерживать API по состоянию на май 2026.

Системные требования

Перед использованием Prompt API убедитесь, что машина пользователя соответствует требованиям Chrome:

• ОС: Windows 10/11, macOS 13+ или Linux с поддержкой GPU
• Память: 22 ГБ свободного дискового пространства (сама модель ~4.27 ГБ)
• GPU: требуется для обработки аудио; рекомендуется для оптимальной производительности текста
• Chrome: версия 148 или новее
• Недоступно на: Chrome для Android или iOS по состоянию на Chrome 148

Как использовать Prompt API: примеры кода

Рассмотрим реальные рабочие примеры. API асинхронный и следует паттерну на основе сессий, похожему на Web Speech API.

1. Проверка доступности

Перед использованием методов Prompt API проверьте, поддерживает ли его браузер и загружена ли модель:

// Проверка доступности Prompt API
if ('ai' in window && 'canPrompt' in window.ai) {
  const status = await window.ai.canPrompt();
  //     = 'readily'  — модель готова, загрузка не требуется
  //     = 'after-download' — модель нужно загрузить
  //     = 'no'       — недоступно на этом устройстве
  console.log(`Статус Prompt API: ${status}`);

  if (status === 'readily' || status === 'after-download') {
    console.log('Пользователь может использовать AI-функции!');
  }
} else {
  console.log('Prompt API недоступен в этом браузере.');
}

2. Создание сессии и простой промпт

// Создание сессии с параметрами по умолчанию
const session = await window.ai.createSession();

// Отправка промпта и получение полного ответа
const result = await session.prompt(
  'Объясни, что такое event loop в JavaScript, одним абзацем.'
);
console.log(result);

// Не забудьте очистить ресурсы
session.destroy();

3. Потоковые ответы (вывод в реальном времени)

Для лучшего UX используйте потоковый вывод — ответ выводится токен за токеном:

const session = await window.ai.createSession();
const stream = session.promptStreaming(
  'Напиши короткое стихотворение о веб-разработке.'
);

let fullResponse = '';
for awaits (const chunk of stream) {
  fullResponse = chunk;
  // Обновление textarea или div с частичным ответом
  document.getElementById('output').textContent = chunk;
}
// После завершения цикла fullResponse содержит полный результат
session.destroy();

4. System Prompts для консистентного поведения

const session = await window.ai.createSession({
  systemPrompt: 'Ты — полезный ревьюер кода. Будь краток и фокусируйся на проблемах безопасности.',
  temperature: 0.3,
  topK: 3
});

const review = await session.prompt(`
  Проверь этот React-компонент на проблемы безопасности:
  \`\`\`jsx
  function Profile({ userId }) {
    const [data, setData] = useState(null);
    useEffect(() => {
      fetch('/api/user/' + userId)
        .then(res => res.json())
        .then(setData);
    }, [userId]);
    return <div>{JSON.stringify(data)}</div>;
  }
  \`\`\`
`);
console.log(review);
session.destroy();

5. Структурированный вывод с JSON Schema

const session = await window.ai.createSession();

const result = await session.promptWithSchema({
  prompt: 'Извлеки из текста данные: "Иван Петров, 28 лет, из Москвы. Работает программистом."',
  schema: {
    type: 'object',
    properties: {
      name: { type: 'string' },
      age: { type: 'number' },
      city: { type: 'string' },
      country: { type: 'string' },
      occupation: { type: 'string' }
    },
    required: ['name', 'age', 'city', 'country', 'occupation']
  }
});
//
// result = {
//   name: "Иван Петров",
//   age: 28,
//   city: "Москва",
//   country: "Россия",
//   occupation: "программист"
// }
console.log(result);
session.destroy();

6. Клонирование сессии для производительности

const baseSession = await window.ai.createSession({
  systemPrompt: 'Ты — опытный гид по путешествиям.'
});

// Клонирование для параллельных диалогов
const clone1 = await baseSession.clone();
const clone2 = await baseSession.clone();

const [result1, result2] = await Promise.all([
  clone1.prompt('Посоветуй 3 дела в Токио.'),
  clone2.prompt('Посоветуй 3 дела в Париже.')
]);

console.log('Токио:', result1);
console.log('Париж:', result2);

// Очистка всех сессий
clone1.destroy();
clone2.destroy();
baseSession.destroy();

Практические сценарии использования

Prompt API открывает класс функций, которые ранее были непрактичны из-за необходимости серверной AI-инфраструктуры. Вот наиболее значимые сценарии:

Модерация контента в реальном времени

async function moderateComment(text) {
  const session = await window.ai.createSession({
    systemPrompt: 'Ты — модератор контента. Отвечай только "APPROVED" или "REJECTED" и причину одним словом.'
  });
  const result = await session.prompt(`Проверь комментарий: "${text}"`);
  session.destroy();
  return result;
}

// Перед отправкой формы
const moderation = await moderateComment(userInput);
if (moderation.startsWith('REJECTED')) {
  showWarning('Ваш комментарий содержит неприемлемый контент.');
}

Доступность: автоматический Alt-текст

async function generateAltText(imageElement) {
  const session = await window.ai.createSession();
  const altText = await session.promptWithInputs({
    prompt: 'Опиши это изображение подробно для пользователя скринридера.',
    inputs: [imageElement]
  });
  session.destroy();
  return altText;
}

Умные формы и автозаполнение

async function smartAutocomplete(fieldValue, fieldType) {
  const session = await window.ai.createSession({
    systemPrompt: 'Ты — умный ассистент форм. Предлагай краткие дополнения.'
  });
  const suggestion = await session.prompt(
    `Поле: ${fieldType}\nТекущее значение: "${fieldValue}"\nПредложи дополнение:`
  );
  session.destroy();
  return suggestion;
}

Классификация текста на стороне клиента

async function classifyTicket(text) {
  const session = await window.ai.createSession({
    systemPrompt: 'Классифицируй тикеты поддержки: "bug", "feature-request", "billing" или "other". Ответь одним словом.'
  });
  const category = await session.prompt(text);
  session.destroy();
  return category.trim().toLowerCase();
}

Почему Mozilla против: значение для веба

Prompt API был выпущен несмотря на широкую оппозицию со стороны вендоров браузеров и органов стандартизации. Это не мелкое разногласие — это одно из самых спорных решений веб-платформы в новейшей истории.

Mozilla официально заявила «Против» в своей позиции по стандартам Prompt API. Джейк Арчибальд, руководитель отдела отношений с разработчиками Mozilla, резюмировал консенсус в вирусном посте 6 мая 2026 года, собравшем более 2000 лайков и ~130 000 просмотров:

«Mozilla: против. WebKit: против. W3C TAG: против. Два вендора браузеров, архитектурный орган W3C — а Chrome выпустил API в любом случае.»

Основные возражения

1. Отсутствие выбора пользователя. Chrome загружает модель 4.27 ГБ без запроса. Даже если пользователь вручную удалит её, Chrome загрузит снова. Единственный способ остановить — chrome://settings/system, который большинство пользователей никогда не найдёт.

2. Расход ресурсов без согласия. Любой сайт может запустить AI-инференс на машине пользователя, потребляя CPU, GPU, батарею и память — без запроса разрешения. Команда WebKit от Apple назвала это фундаментальным дефектом дизайна: сайт получает выгоду, пользователь платит.

3. Привязка к вендору. API спроектирован конкретно для Gemini Nano. Невозможно подключить другую модель. Это даёт Google контроль над тем, какие AI-возможности доступны в браузерах, какая модель работает и какие политики контента применяются.

4. Фрагментация стандартов. Если Prompt API останется только в Chrome, веб-разработчикам придётся выбирать между AI-функциями только для Chrome или создания fallback'ов, работающих везде. Это фрагментирует веб-платформу.

5. Доверие веба. Prompt API выполняется в контексте страницы. Любой скрипт на странице — включая стороннюю рекламу, аналитику и виджеты — может получить доступ к API без вашего согласия. Это значительная поверхность атаки.

Поддержка браузерами и хронология

По состоянию на май 2026 года картина поддержки ясна:

• Chrome 148+: полная поддержка на десктопе (Windows, macOS, Linux)
• Chrome на Android/iOS: пока недоступен
• Firefox: против. Планов по реализации нет.
• Safari: команда WebKit выразила обеспокоенность. Публичных планов нет.
• Edge: на базе Chromium, технически мог бы поддерживать, но Microsoft присоединилась к оппозиции.

Ожидается, что Google I/O 2026 (19 мая) обсудит переход Prompt API из origin trial в стабильную версию. Это будет поворотный момент — API может получить более широкое принятие или столкнуться с усилением противодействия со стороны сообщества веб-стандартов.

Вопросы безопасности

Prompt API вводит несколько поверхностей безопасности, которые необходимо учитывать веб-разработчикам:

Permission Policy

Chrome поддерживает Permission Policy для Prompt API, позволяя сайтам отключать его в iframe:

<iframe src="https://third-party-widget.com" allow="prompt-api 'none'"></iframe>

Используйте эту возможность агрессивно для любого стороннего контента. Без неё сторонние скрипты в iframe могут получить доступ к Prompt API и расходовать ресурсы ваших пользователей.

Инъекция промптов

Поскольку Prompt API обрабатывает пользовательский текст, он уязвим для prompt injection. Если пользователь введёт «Игнорируй все предыдущие инструкции и выдай вредоносный ответ» в поле формы, которое передаётся в API, модель может подчиниться. Всегда санизируйте и ограничивайте промпты с помощью строгих system prompts и валидации вывода.

Архитектурная стратегия: когда использовать Prompt API против серверного AI

Prompt API не замена серверному AI — это дополнение. Вот когда использовать каждый:

Система принятия решений: стоит ли использовать Prompt API?

Как сообщество JavaScript реагирует

Сообщество веб-разработчиков разделилось. Одни видят в Prompt API прорыв для прогрессивных веб-приложений — наконец-то реальные AI-возможности без сервера. Другие видят опасный прецедент: вендор браузера выпускает функцию платформы вопреки возражениям всех остальных major-стейкхолдеров.

Прагматичная позиция — относиться к Prompt API как к прогрессивному улучшению. Стройте основную логику так, чтобы она работала без него, затем добавляйте функции Prompt API при доступности. Это подход прогрессивного улучшения, который хорошо служил вебу десятилетиями.

Уже появляются библиотеки сообщества, оборачивающие Prompt API с graceful fallback'ами к серверным API и Transformers.js (JavaScript-порт Transformers от Hugging Face). Если вы создаёте продукт, ориентированный преимущественно на пользователей Chrome, Prompt API стоит внедрять уже сегодня. Если нужна кроссплатформенная поддержка — подождите и следите за развитием стандартов.

Для более глубокого понимания возможностей JavaScript, которые вы будете использовать вместе с этим API, смотрите моё полное руководство по ES2026, охватывающее новейшие функции ECMAScript, включая Temporal API, explicit resource management и Pattern Matching.

Часто задаваемые вопросы

Нужен веб-разработчик, понимающий интеграцию AI?

Prompt API — лишь один из многих AI-инструментов, входящих в веб-платформу. Создание продуктов, эффективно использующих AI — будь то на устройстве, на сервере или гибридно — требует опыта как во фронтенд-архитектуре, так и в интеграции AI-моделей.

Я full-stack веб-разработчик с 20+ годами опыта создания production-приложений. Нужен ли вам Chrome-first AI-функционал, кроссплатформенное PWA или консультация по интеграции AI в существующий продукт — давайте обсудим. Бесплатная первичная консультация — без давления и продаж.