Опубликовано: 6 июня 2025 г.
Узнайте, как новый элемент <permission> в Chrome делает процесс предоставления разрешений более рационализированным, надежным и контекстно-зависимым.
Команда Chrome разработала предложение по элементу <permission> , чтобы предоставить пользователям контроль над мощными возможностями. Этот элемент позволяет разработчикам создать бесперебойный сквозной интерфейс, где пользователи могут разрешать использование этих возможностей в контексте, одновременно защищая себя от нежелательных помех. Этот набор примеров демонстрирует, как новый элемент работает на практике.
Проблема запроса разрешения
Чтобы использовать такие функции устройства, как местоположение, камера или микрофон, пользователям часто приходится разбираться с утомительным ландшафтом потенциально многочисленных запросов на разрешения. Для разработчиков обращение к API для использования той или иной возможности не вызывает никаких трудностей, приводя либо к успеху, либо к неудаче. Однако для пользователей это часто приводит к отвлекающим и вырванным из контекста подсказкам и, казалось бы, окончательным решениям, которые вызывают разочарование и когнитивную нагрузку.
Сегодня запросы на предоставление разрешений часто заставляют пользователей задуматься: «Зачем этому сайту это разрешение (сейчас)?» Из-за этой неясности пользователи часто решают отклонять запросы. Чтобы защитить пользователей от помех в будущем, Chrome блокирует дальнейшие запросы, что, в свою очередь, приводит к обратной задаче — отмене этих отказов, если пользователь позже передумает. Это может привести к тому, что пользователи откажутся от использования функций или вообще от сайта.
Предоставьте пользователям контекстный контроль
Предлагаемый элемент <permission> представляет собой значительный шаг в развитии эргономики веб-разрешений. Этот HTML-элемент позволяет легко интегрировать стилизованную, но контролируемую браузером точку доступа к мощным функциям (например, понятную кнопку «Использовать камеру» в видеочате) непосредственно в дизайн вашего сайта. Хотя вы наслаждаетесь гибкостью стилей, браузер сохраняет контроль над основным текстом и значками, заботясь о безопасности, согласованности и доступности. Это означает, что взаимодействие с этим элементом служит чётким сигналом о намерениях пользователя, позволяя браузеру помогать пользователю принимать необходимые решения и выполнять другие действия. Это отличается от программно активируемых подсказок, где браузер не получает прямого сигнала о намерениях пользователя, поэтому ему приходится постоянно балансировать между полезностью и ненавязчивостью.
<permission> для использования камеры. 
Вот как это меняет опыт:
- Инициируется пользователем: вместо того, чтобы веб-сайт инициировал подсказку, элемент по своей природе заботится о том, чтобы пользователь сам выбирал , когда использовать соответствующую функцию.
- Контекстный запрос: поскольку предлагаемый элемент
<permission>является частью структуры сайта, пользователь понимает , зачем нужно разрешение. Он нажал кнопку, например, чтобы найти ближайшие магазины, поэтому запрос местоположения имеет смысл. - Комплексное устранение неполадок : поскольку браузер получает прямую информацию о намерениях пользователя, он может проактивно помочь пользователю выполнить все необходимые действия для доступа к возможностям, зависящие от платформы. Например, он может использовать глубокую ссылку на системные настройки, чтобы помочь пользователю изменить настройки камеры на уровне устройства, при этом веб-сайту не требуется предоставлять инструкции по устранению неполадок, зависящие от платформы.
- Упрощенное восстановление разрешений: предлагаемый элемент
<permission>позволяет пользователю напрямую, на странице, изменять ранее отклонённые разрешения, не заходя в настройки браузера. Щелчок по элементу запускает специальную версию запроса на разрешение, что значительно улучшает процесс восстановления.
<permission> позволяет пользователям быстро изменять настройки разрешений без необходимости перехода к настройкам сайта.Такой подход приближает нас к более интуитивной, надежной и управляемой пользователем модели взаимодействия.
Примеры случаев
Zoom помогает своим пользователям, уменьшая количество ошибок захвата камеры и микрофона в браузере на 46,9% с помощью элемента <permission>
Вызов
Одна из самых сложных задач для веб-сайтов конференций — помочь пользователям, ранее запретившим доступ к камере или микрофону, повторно включить эти разрешения при присоединении к видеозвонку. Стандартная процедура требовала изменения настроек браузера за пределами интерфейса веб-сайта конференций.
Подход
Подход Zoom к тестированию влияния элемента <permission> основан на сравнении «до и после», когда элемент <permission> был доступен всем пользователям Zoom, присоединяющимся к конференции Zoom с помощью десктопного веб-браузера Chrome.
Результат
Одним из ключевых показателей Zoom является показатель захвата видео с камеры и микрофона, который измеряет успешное включение камеры и микрофона пользователем при присоединении к конференции Zoom в браузере. В Zoom были достигнуты значительные улучшения благодаря элементу <permission> . Количество сбоев в работе браузера, таких как отключение микрофона и камеры на системном уровне или на уровне браузера, а также игнорирование пользователями запроса браузера на разрешение использования микрофона и камеры, сократилось на 46,9%.
Элемент <permission> не только помог сократить количество ошибок, но и помог пользователям, которые изначально столкнулись с проблемой или которым по ошибке был запрещен доступ, восстановить и настроить микрофон и камеру, что позволяло пользователям оставаться вовлеченными и сосредоточенными на разговорах и встречах, поэтому всех было четко видно и слышно.
Как Immobiliare.it помог пользователям использовать функцию определения местоположения на карте, которым ранее было отказано в доступе, с помощью элемента <permission>
Вызов
Пользователям, которые ранее запретили предоставлять разрешение на определение местоположения на сайте Immobiliare.it, необходимо зайти в настройки сайта браузера и вручную разблокировать разрешение, чтобы иметь возможность снова предоставить разрешение на определение местоположения при необходимости.
Подход
Компания Immobiliare.it улучшила процесс запроса разрешений на определение местоположения, используя метод JavaScript API Permissions для определения, предоставил ли пользователь разрешение на определение местоположения своему сайту. Если разрешение уже предоставлено, это приводило к запросу метода getCurrentPosition() для определения местоположения, как и раньше. Если API Permission возвращал сообщение о том, что пользователь заблокировал разрешение на определение местоположения, сайт отображал сообщение с объяснением причины неработоспособности кнопки «Геолокация» и использовал элемент <permission> в качестве призыва к действию.
Нажав на элемент <permission> «Использовать местоположение», пользователи могут при желании легко предоставить доступ к разрешению на определение местоположения, даже если ранее это было заблокировано, и при этом пользователю не требуется получать доступ к настройкам браузера.
<permission> , если разрешение ранее было заблокировано.<permission> вызвал запрос разрешения браузера.Результаты
При использовании элемента <permission> показатель успешности пользовательского потока разрешений GeoLocation увеличился на 20%, что говорит о том, что новый поток разрешений с использованием API разрешений и элемента <permission> помог большему количеству пользователей снова разрешить разрешение, когда это необходимо, даже если в прошлом они блокировали этот тип запроса разрешений.
ZapImóveis (OLX BR) улучшает поиск местоположения для предполагаемого использования с помощью элемента <permission>
ZapImóveis, ведущая платформа недвижимости в Бразилии, понимает, что поиск идеального объекта часто начинается с местоположения. ZapImóveis, входящая в состав известной группы Grupo OLX, предоставляет миллионам пользователей доступ к обширному каталогу домов, квартир, земельных участков и других объектов недвижимости, выставленных на продажу и аренду по всей стране. Осознавая важнейшую роль поиска по местоположению в этом процессе, ZapImóveis нашла возможность улучшить пользовательский опыт, устранив распространённые проблемы, связанные с запросами браузера на разрешение.
Вызов
Компания ZapImóveis выявила существенные проблемы с удобством использования функции поиска местоположения, в частности, связанные со стандартными запросами разрешений браузера. Пользователи испытывали трудности как при первоначальном предоставлении доступа к данным о местоположении, так и, что, пожалуй, более важно, при попытке повторно включить разрешения после их предыдущего отказа. Это негативно влияло на общее удобство использования и потенциально снижало эффективность поиска по местоположению на их сайтах.
Подход
Чтобы решить эти проблемы удобства использования, ZapImóveis провел A/B-тестирование. В ходе этого теста элемент <permission> был представлен подгруппе пользователей. Целью было предоставить специальный встроенный элемент управления в интерфейсе ZapImóveis для управления разрешениями на доступ к местоположению, тем самым оптимизировав процесс управления разрешениями и сделав его более интуитивно понятным для пользователей.
Результаты
Реализация элемента <permission> в ZapImóveis привела к заметному улучшению удобства поиска местоположения, особенно для пользователей, активно взаимодействующих с функциями, основанными на определении местоположения. Среди тех, кто изначально столкнулся с трудностями при получении стандартных запросов браузера на предоставление разрешений, встроенный элемент <permission> позволил 4,3% пользователей успешно предоставить доступ к данным о местоположении. Более того, это значительно упростило восстановление разрешений: 54,4% пользователей, ранее запретивших доступ, успешно повторно предоставили его при последующей попытке использовать функции, зависящие от местоположения. Хотя среднее время первоначального предоставления разрешения несколько увеличилось, существенный рост успешности функций для пользователей с четким намерением оправдал этот компромисс.
Посмотрите больше примеров использования элемента <permission>
- Совершите видеоконференцию в Google Meet с помощью браузера Chrome.
- Найдите ресторан поблизости в Google Поиске (постепенное внедрение)
- Проверьте элемент
<permission>на наличие всех доступных возможностей на сайте https://permission.site/pepc (из Chrome 137)
Интегрируйте элемент <permission>
Элемент <permission> разработан таким образом, чтобы его было легко внедрить командам разработчиков. Как обычный HTML-элемент, его можно интегрировать, как любую другую кнопку, и оформить (в пределах, определяемых браузером) в соответствии с внешним видом вашего сайта. Для браузеров, которые пока не поддерживают элемент <permission> , разработчики могут реализовать резервные возможности, используя существующие методы запроса разрешений. Подробнее см. в статье «Улучшения элемента <permission> » .
Сделать интернет более полезным и интуитивно понятным
В Google мы постоянно работаем над тем, чтобы сделать Chrome и эту веб-платформу безопаснее, быстрее и удобнее. Элемент <permission> представляет собой значительный шаг к более интуитивной и эргономичной модели веб-разрешений. Предоставляя пользователям чёткий контекст и контроль, элемент <permission> помогает сократить разрыв между мощными веб-возможностями и доверием пользователей, обеспечивая более насыщенный и увлекательный опыт использования веб-ресурсов. Мы призываем владельцев продуктов и команды разработчиков изучить, как элемент <permission> может улучшить взаимодействие с пользователями и раскрыть весь потенциал их веб-приложений.