В чем проблема и почему?

Для разработчика среда — это относительно повседневная вещь, но при переключении среды состояние входа на страницу также станет недействительным, поэтому он снова войдет в учетную запись для входа. Разумеется, эта штука также удовлетворяется следующей логикой:

Особенно, когда на вашей клавиатуре всего 87 клавиш, ввод последовательности цифр — это испытание терпения. Итак, я вспомнил, что в моем TodoList есть один пункт, который, кажется, уцелел уже давно - играя с расширениями для хрома, подумав, я чувствую, что это дело - бардак, и его можно расценивать как искупление. себя.

How

Таким образом, общее требование состоит в том, чтобы разработать плагин для Chrome, который может быстро войти на основной веб-сайт компании, чтобы в будущем вы больше не боялись окружающей среды. Итак, вот проблема, похоже, мне нуженИграем в разработку плагина для Chrome X днейдокументы, такие как . Но большая новость в том, что команда фронтенда 360 перевела официальную Документация по разработке расширений Chrome, я должен похвалить: Брат, стабильный, как собака.

Фактически, для оптимизации ежедневных операций входа в систему его можно просто разделить на три этапа:

Получить область ввода информации о странице
Содержание наполнения
Нажмите кнопку входа

Хотя это относительно простая функция, все же есть некоторые основные концепции для поддержки разработки. Прочитав введение к предыдущим разделам, я в целом понял, что плагин Chrome на самом деле похож на обычную веб-страницу, но есть некоторые новые концепции, которые нужно просто понять.

Tips

manifest.json

Файл manifest.json — это файл, специфичный для плагина Chrome, который определяет некоторую информацию о текущем плагине, такую как: имя плагина, описание, значок, версия и т. д. (есть много полей, просто проверьте документацию, когда это необходимо).

Content Scripts

Это довольно критическая вещь. Его сущностью является js, но в отличие от js самого плагина, скрипты контента — это скрипты, выполняемые на веб-странице, которые следуют стандартной модели DOM и могут получать элементы DOM на странице и изменять их. Однако этот тип сценария не может получить переменные и функции в сценарии самой веб-страницы, а также не может получить доступ к переменным и функциям, определенным в подключаемом модуле. Безответственное резюме: Содержание Скрипт — это скрипт, используемый для управления DOM страницы.

Message API

Поскольку в той или иной степени необходимо выполнить какое-то взаимодействие, образ в моем сознании выглядит так: пользователь нажимает на учетную запись в подключаемом модуле -> информация заполняется и автоматически регистрируется, поэтому требуется процесс передачи сообщений - подключаемый модуль. -in -> сценарии содержимого. После некоторых недорогих экспериментов вывод очень прост, достаточно вызвать три интерфейса:

chrome.tabs.query
chrome.tabs.sendMessage
chrome.runtime.onMessage

Пример:

Для плагина автоматического входа достаточно понять эти концепции, а затем можно засучить рукава и приступить к работе.

Develop

1000 слов здесь пропущено :)

Из-за каких-то нелепых правил и политик даже доменное имя компании не может быть размещено в коде Github, поэтому во избежание лишних неприятностей часть входа на основной сайт компании была удалена, а автоматический вход в Github и Добавлен Segmentfault.Если вам интересно, вы также можете отправить PR, чтобы добавить другие сайты.Еще лучше просто Звезда, пополнить.

Demo

(Примерно так)

(Заранее добавьте свой аккаунт)

(В следующий раз, когда вы столкнетесь со сценой, требующей входа в систему, войдите в систему одним щелчком мыши и наслаждайтесь шелковистой плавностью)

Конечно, сейчас,

Пока это аналогичный веб-сайт,

Выполнит функцию автозаполнения имени пользователя и пароля,

Ведь применимые сценарии этого плагина,

находится в процессе разработки,

не смущенный,

совсем не стыдно

Сильный смайлик :)

Продукция без информационного сопровождения – соленая рыба

Проведем простой расчет.У вас есть учетная запись, зарегистрированная на вашем мобильном телефоне,11и вы использовали очень простой пароль для входа,6 битСложите два вместе, в общей сложности17 битВаш набор символовЗашел старый драйвер,смоглибыстро и точноВвод номера счета и пароля практиковался много раз, для ввода 11-значного номера мобильного телефона с правой стороны в среднем требуется 11 цифр.2,5 секунды, 6-битный чистый цифровой пароль для входа в систему1 секунда. Кроме того, после ввода номера мобильного телефона вам необходимо вручную выбрать поле пароля, а затем ввести его.После ввода пароля вам нужно снова вручную выбрать кнопку входа в систему, чтобы нажать операцию. Но поскольку вы старый водитель в сеансе входа в систему, вы будете умело использовать левый безымянный палец, чтобы нажимать клавишу Tab для переключения элементов ввода формы, и использовать клавишу Enter вместо кнопки щелчка мыши, поэтому эти операции принимают минимальное значение.0,5 секундыБар.

2.5 + 1 + 0.5 = 4 секунды

Теперь вы использовали плагин autoLogin для автоматического входа в систему. Что ж, когда вы обнаружите, что вам нужно ввести пароль учетной записи, вы можете напрямую открыть плагин с помощью мыши, а затем щелкнуть учетную запись, необходимую для входа. , и вход выполнен успешно. После множества самостоятельных тестов средняя продолжительность этой операции2 секунды, процесс пойдет быстрее, если вы знаете, как настроить сочетание клавиш для открытия расширения Chrome.

4 - 2 = 2 секунды

Может быть, вы думаете, что эти короткие 2 секунды ничего не значат, я хочу сказать, что две секунды, возможно, действительно не стоит упоминать, но важно то, что они экономят две секунды один раз и три минуты сто раз. потратьте некоторое время, чтобы налить капучино своей богине, и вы можете стать победителем в жизни в мгновение ока.