Как создать собственный Chrome-расширение для замены текста, подобное «Millennials to Snake People»

Пару недель назад вы, возможно, видели множество новостных репортажей о расширении для Chrome, которое при установке заменяет все вхождения слова «миллениалы» на веб-страницах, которые вы посещаете, на «люди-змеи». СМИ, похоже, испытывают неутолимое желание писать одно аналитическое эссе за другим о том, как миллениалы — это поколение, одержимое смартфонами, живущее в подвалах и ожидающее всего на блюдечке с голубой каемочкой. Если эти посты сводят вас с ума, «Millennials to Snake People» облегчит боль! Также существует более старое расширение под названием «Cloud to Butt Plus», которое, хотя и довольно самоочевидно, затрагивает запретную тему, вызывающую у нас дискомфорт и/или нервозность, чувства, с которыми зачастую лучше всего справляться с помощью смеха.

Но, возможно, есть какое-то другое слово или фраза, которые сводят вас с ума, и которые эти расширения еще не исправили. К счастью, я здесь, чтобы помочь. И вам даже не понадобится опыт веб-разработки, поскольку я уже проделал всю черновую работу! После завершения вы сможете бесплатно запускать это расширение в браузере Chrome на своем компьютере, или за 5 долларов вы сможете заплатить Google за право опубликовать его в Chrome Web Store, где его сможет скачать любой желающий. Итак, вот как создать расширение для Chrome, которое заменяет любое слово или фразу на выбранное вами:

Примечание: Если у вас уже установлено расширение «Millennials to Snake People» для Chrome, вам, вероятно, стоит удалить его, прежде чем продолжать следовать этому руководству. В противном случае может возникнуть большая путаница.

Шаг первый — загрузка шаблона

Загрузите эту папку, которую я создал, содержащую все файлы, которые составят расширение. Внутри вы найдете три файла:

Реклама — прокрутите, чтобы увидеть больше контента

  • content.js
  • manifest.json
  • README.md

Шаг второй — включение режима разработчика в Chrome и предварительный просмотр расширения

У вас уже есть рабочее расширение millennials-to-snake-people, поэтому теперь вы собираетесь добавить расширение в Chrome, чтобы просто увидеть, что оно работает. Chrome по праву не разрешает установку расширений откуда-либо, кроме Chrome Web Store, но обойти это так же просто, как посетить chrome://extensions и поставить галочку напротив «Режим разработчика». Ниже появятся несколько новых кнопок, и вам нужно нажать «Загрузить распакованное расширение», что откроет каталог файлов. Выберите загруженную папку и подтвердите, нажав «Выбрать».

Теперь расширение должно появиться, и когда вы посетите сайт со словом «люди-змеи»…

Вуаля, сработало! Но уже существует расширение для замены «миллениалов» на «людей-змей», поэтому давайте изменим его на все, что вам нравится.

Шаг третий — настройка расширения

Вернитесь в папку расширения, которую вы скачали, и откройте content.js в текстовом редакторе по вашему выбору. Обведенная область на изображении ниже — это место, где вы установите слово или фразу, которую заменяете, и слово или фразу, на которую она будет заменена. Возможно, всякий раз, когда вы видите «Microsoft» в своем браузере, вы хотите, чтобы оно заменялось на «Micro» с добавленным в конце экспликативом — это полностью зависит от вас! Внесите изменения, сохраните их и, чтобы убедиться, что вы ничего не сломали, вернитесь в chrome://extensions/ и нажмите кнопку обновления под вашим расширением. Если все прошло успешно, вы сможете выполнить поиск в Google по заменяемому слову и увидеть, что оно было успешно заменено.

Затем откройте manifest.json, чтобы установить заголовок, описание и номер версии вашего расширения. Ниже приведено все, что вам стоит изменить. Если вы решите загрузить свое расширение в Chrome Web Store, каждый раз, когда вы вносите изменения в расширение, вам придется вручную заходить и обновлять номер версии до более высокого, прежде чем Google его примет.

Финальный шаг (необязательно) — загрузка в Chrome Web Store

Вы успешно создали собственное расширение для Google Chrome, которое заменяет слова или фразы на более понравившиеся вам. Просто, правда? Теперь, возможно, вы хотите, чтобы мир признал ваш гений — если так, вам нужно загрузить свое расширение в Chrome Web Store, чтобы любой мог его скачать и использовать. Прежде всего, помните, что вам придется заплатить 5 долларов Google через Google Wallet. Компания говорит, что делает это для проверки учетных записей и защиты от мошенничества, так что воспринимайте это как хотите, но для начала вам нужно посетить панель разработчика Chrome Web Store. Найдите желтую область внизу, касающуюся сбора, и пройдите процесс оформления заказа.

После того, как вы заплатите, и Google предоставит вам право загрузить расширение в магазин, вернитесь на панель управления и в разделе «Ваши объявления» нажмите «Добавить новый элемент».

Сразу же вас попросят загрузить сжатую копию вашего расширения, так что вернитесь туда, где находится папка вашего расширения, сожмите ее, а затем загрузите. После этого вы получите длинную страницу, где сможете добавить все о своем приложении: от значка до скриншотов, описания, регионов, в которых вы хотите, чтобы оно было доступно, и многого другого. После завершения просто нажмите «Опубликовать изменения» внизу, и вас попросят подтвердить, что вы готовы к тому, чтобы ваше расширение было доступно в Chrome Web Store; распространение может занять час или больше, так что не волнуйтесь, если оно не появится в магазине немедленно.

Конец

Поздравляем, у вас получилось! Вы создали расширение для Chrome. Но что еще важнее, вы выросли и готовы выйти и рассказать миру, каким он должен быть, а каким он является сегодня. А теперь идите и сделайте нас гордыми.