Запрещаем браузеру Google Chrome сохранять и предлагать сохраненный пароль в нашем приложении на Vue.js(v2)
Мир стоит вверх ногами. Корпорация добра печется о нашей безопасности. И в то же время делает все, чтобы наши секреты стали достоянием гласности. Это я о политике гугл в плане сохранения логин-паролей в браузере, через него в аккаунте и о доступности всего нашего секретного добра всем, кто сможет подойти к нашим компьютерам.
Да, удобно. Но небезопасно. И временами очень вредно.
Запустил я очередной проект на работе. И самой большой проблемой по опыту старого проекта было то, что сотрудники вовсю пользовались автосохраненим паролей, поэтому под Васей мог сидеть Сергей и ни о какой нормальной аутентификации, а тем более разраничении прав доступа речи идти не могло.
Сначала двинулся в сторону того же гугла — как отключить или запретить автосохранение или автоподстановку сохраненного пароля? Старые рецепты с autocomplete=»off» и autocomplete=»new-password» уже не работают, последний работающий рецепт оказался прост — головную боль следует лечить усекновением болящей. То есть глобальным отключением автосохранения. Но это не вариант. Пусть юзеры дальше балуются своими паролями от почты, соцсетей и прочих радостей жизни, мне не жалко.
Далее последовал легкий инжиниринг. И вот какой результат — если на страничке есть input type=»password» , то при появлении первого символа в адресной строке появляется ключик. И все. Что ты ни делай, какие html тэги ни прописывай — есть password , значит, надо бежать и барину кланяться, предлагая все мыслимые и немыслимые блага от того, что барин позволит сохранить пароль. Ну и потом барин будет весьма доволен, что пароль не надо вспоминать, а просто его вставить.
Хмм. подумал я. И решил — раз у хрома такая нервная реакция на type=»password» , то надо просто от него отказаться и всех делов то!
Сказано — сделано. Изваял компонент, который незамысловато делает простейшую вещь — на экран выводит точечки, а в v-model передает то, что введено. Ну и плюсом отрабатывает клавишу Enter.
Конечно, не обошлось без ограничений. Но они очень малы и незначительны — нельзя курсор перемещать стрелками, только backspace. Но, учитывая, что под точками и так не видно, где и что надо подправить — вероятность испытать колоссальное неудобство от такого ограничения стремится к нулю. Не стал делать кнопочку с глазиком, чтобы посмотреть, что же я ввел, label для input оформил в стиле компонента vuetify, то есть текст-подсказка уползает вверх при фокусе и возвращается при утере фокуса при условии, что ничего не было введено.
Ну и использование такого компонента тоже очень простое — создать .vue файл, импортировать в проект и использовать в шаблоне.
Теперь, собственно, код.
Код под спойлером
Как видим — достаточно простая логика — при вводе очередного символа он заменяется на точку и дублируется в переменную, переданную в v-model . Именно запрет на перемещение курсора в поле ввода позволил реализацию такой логики.
Еще одно замечание — этот компонент не использует инициализацию значением, которое, возможно уже было в v-model -переменной.
// какой-нибудь наш модуль на vue, в котором необходим ввод пароля логин: export default < name: "Login", data() < return < mylogin: '', mypassword:'' >>, components: < LoginPassword:()=>import('./login-password') >, methods: < makeLogn()< . >.
Ну и напоследок — код свободный, берите, кто хотите, возможно, кому-то идея подойдет на React или Angular.
Как отключить привязку паролей и их сохранение в Google Chrome?
Когда вы заходите на облачную платформу с помощью браузера Google Chrome в первый раз, браузер предложит сохранить пароль. Это происходит, если включены опции Enable Autofill to fill out web forms in a single click и Offer to save your web passwords . Они находятся в браузере на странице Settings в области Passwords and forms .
Если подтвердить сохранение, пароль будет автоматически заполняться при следующем входе.
Чтобы повысить безопасность вашего аккаунта, выключите эти опции и удалите сохраненный пароль из браузера. Подробнее об управлении паролями в Google Chrome.
Отключение сохранения паролей в Firefox
Если вы используете общее устройство и не хотите, чтобы Firefox запоминал ваши пароли, вы можете изменить свои предпочтения в настройках.
Мы рекомендуем каждому человеку, использующему устройство, создать аккаунт Mozilla, и выходить из него каждый раз для предотвращения утечки логинов. Вы также можете использовать Основной пароль для дополнительной защиты.
Отключение сохранения всех паролей
- На Панели меню в верхней части экрана нажмите Firefox и выберите Настройки . Нажмите кнопку меню
и выберите Настройки . - Нажмите Приватность и защита на панели слева.
- Прокрутите вниз до раздела Логины и пароли.
- Снимите флажок с пункта Запрашивать сохранение логинов и паролей для веб-сайтов.

- На Панели меню в верхней части экрана нажмите Firefox и выберите Настройки . Нажмите кнопку меню
и выберите Настройки . - Нажмите Приватность и защита на панели слева.
- Прокрутите вниз до раздела Пароли.
- Снимите флажок рядом с Просить сохранить пароли.

Отключить сохранение паролей только для определённых веб-сайтов
Вы также можете настроить Firefox так, чтобы он не сохранял пароли для определённых веб-сайтов. Чтобы добавить эти исключения:
- На Панели меню в верхней части экрана нажмите Firefox и выберите Настройки . Нажмите кнопку меню
и выберите Настройки . - Нажмите Приватность и защита на панели слева.
- Прокрутите вниз до раздела Логины и пароли .
- Проверьте флажок рядом с Запрашивать сохранение логинов и паролей для веб-сайтов.
- Нажмите Исключения… рядом с Запрашивать сохранение логинов и паролей для веб-сайтов, чтобы открыть панель исключений.

- Введите адрес для каждого веб-сайта, для которого вы не хотите, чтобы Firefox сохранял пароли, затем нажмите Блокировать .
В список исключений будет добавлены URL как HTTP, так и HTTPS для этого веб-сайта. - Вы можете использовать Удалить веб-сайт , чтобы удалить выбранный URL, или Удалить все веб-сайты , чтобы удалить все исключения.
- Нажмите Сохранить изменения .
- На Панели меню в верхней части экрана нажмите Firefox и выберите Настройки . Нажмите кнопку меню
и выберите Настройки . - На панели слева нажмите Приватность и Защита .
- Прокрутите вниз до раздела Пароли .
- Отметьте флажок рядом с Просить сохранить пароли.
- Нажмите рядом с Просить сохранить пароли, чтобы открыть панель исключений.

- Введите адрес каждого веб-сайта, для которого не хотите, чтобы Firefox сохранял пароли, затем нажмите Блокировать .
И http- и https-URL для этого сайта будут добавлены в список исключений. - Вы можете использовать Удалить веб-сайт , чтобы удалить выбранный URL, или Удалить все веб-сайты , чтобы удалить все исключения.
- Нажмите
Эти прекрасные люди помогли написать эту статью:
Помощь
Как отключить автозаполнение паролей в Google Chrome?
Функция автоматического заполнения веб-форм с логином и паролем довольно удобна, но в то же время небезопасна. Это особенно касается случаев, когда одной и той же учетной записью Windows пользуются несколько человек. При входе на тот или иной сайт функция автозаполнения будет автоматически заполнять веб-формы, т.е. вводить комбинацию логин/пароль (или просто пароль) от пользователя не потребуется.
Чтобы такого не происходило, и сайты не открывались автоматически, нужно очистить базу данных с сохраненными в браузере паролями (при необходимости можно предварительно создать резервную копию) и отключить функцию автозаполнения веб-форм.
Отключение функции автозаполнения паролей в Google Chrome
В браузере Google Chrome это можно сделать в меню настроек сохранения паролей. Чтобы перейти туда, скопируйте в адресную строку технический адрес chrome://settings/passwords, затем нажмите клавишу Enter.

Другой способ перехода в настройки сохранения паролей:
1. Нажмите на кнопку с изображением трех точек в правом верхнем углу окна браузера , затем откройте пункт «Настройки»:

2. В левой части окна настроек Google Chrome перейдите в раздел «Автозаполнение», затем войдите в подраздел «Пароли».

3. Войдя в настройки сохранения паролей первым или вторым способом, переведите выключатель напротив пункта «Автоматический вход» в положение «Выключено».

Резервное копирование сохраненных паролей из Google Chrome
Теперь осталось удалить из Google Chrome сохраненные в нем логины/пароли, иначе они так и будут использоваться браузером для автоматического заполнения веб-форм. Но предварительно рекомендуем сохранить пароли (возможно, понадобятся в будущем), и лучше сохранять их сразу на внешний диск (флешку).
1. Снова перейдите в меню настроек сохранения паролей по инструкции выше.
2. Напротив заголовка «Сохраненные пароли» нажмите на кнопку с изображением трех точек и выберите из выпадающего меню пункт «Экспорт паролей»:

3. Сохраните все пароли в виде файла CSV, который в будущем может быть использован для импорта логинов/паролей обратно в Google Chrome, другой браузер или менеджер паролей.

Удаление сохраненных паролей из Google Chrome
На этой же странице настроек можно и удалить сохраненные пароли, чтобы Google Chrome не вписывал их автоматически в веб-формы. Для этого нужно нажать напротив строки с логином/паролем на кнопку с тремя точками и выбрать пункт «Удалить».

Если записей слишком много, и нужно избавить от них всех, быстрее будет удалить все пароли одновременно:
1. Скопируйте в адресную строку браузера адрес chrome://settings/clearBrowserData и нажмите клавишу Enter. Или нажмите комбинацию клавиш CTRL + H, после чего откроется страница «История», в левой ее части нажмите на ссылку «Очистить историю».

2. Далее перейдите во вкладку «Дополнительные». В списке «Временной диапазон» установите вариант «Все время». Снизу снимите галочки со всех пунктов, кроме «Пароли и другие данные для входа» и «Данные для автозаполнения».

3. Нажмите на кнопку «Удалить данные» для завершения удаления всех сохраненных паролей из браузера.
На этом процедура по отключению функции автозаполнения в Google Chrome завершена. Также можете ознакомиться с инструкциями по отключению автозаполнений паролей в других браузерах:
Похожие статьи
- Как импортировать пароли в MultiPassword через расширение в Google Chrome?
- Как удалить (выключить) расширение MultiPassword из Google Chrome?
- Как установить расширение MultiPassword в Google Chrome?
- Как отключить автозаполнение паролей в Google Chrome?
- Как экспортировать сохраненные пароли из Google Chrome?