Noxormy Jan 30 2017 at 11:47

Google Chrome Extensions: быстрый переводчик своими руками

7 min

18K

CSS*JavaScript*Google ChromeHTML*

Tutorial

From sandbox

+16

Comments 24

vlanko Jan 30 2017 at 12:09

В Java статья попала случайно, или я что-то не понял?

Noxormy Jan 30 2017 at 15:11

Да, случайно указал Java вместо JavaScript, уже поправил :)

lain8dono Jan 30 2017 at 13:01

А в firefox можно просто открыть мобильную версию онлайн переводчика в боковой панели.

-3

Noxormy Jan 30 2017 at 15:12

Естественно, а в Яндекс-браузере в контекстном меню появляется перевод, но статья о том как разработать переводчик, а не воспользоваться готовым :)

animhotep Jan 30 2017 at 15:24

как и в Vivaldi ;)

Varim Jan 30 2017 at 19:42

что такое боковая панель? Там встроен мобильный переводчик?

-1

ifalur Jan 30 2017 at 14:41

в firefox есть расширение которое перевод вставляет прямо в dom рядом с выделенным словом. Очень удобно.

Balintrue Jan 30 2017 at 15:17

Добрый день!
Не совсем понятно, что Вам помешало посмотреть исходный код этого расширения и сделать по аналогии?
Все-таки всплывающее окно это не совсем удобно.

Noxormy Jan 30 2017 at 15:21

Да, конечно, всплывающее окно неудобно. Но у меня почему-то не появляется окошко при выделении текста. Сам изначально хотел так и сделать, но даже с гугловским расширением не заработало. В ближайшие дни покопаюсь в нём, если найду что-нибудь полезное — обновлю статью :)

Balintrue Jan 30 2017 at 15:46

Вот это исследование было бы очень полезным: почему с «фирменными» расширениями эта «фича» работает, а с самописными — нет. ifalur — верно заметил для FireFox, ИМХО, здесь принцип тот же — интеграция в DOM. Возможно, что-то не прописано в манифесте?

Noxormy Jan 30 2017 at 16:08

Возможно что-то не прописано, но даже у гугловского расширения это окошко работает очень глючно и далеко не всегда открывается. (Во всяком случае у меня)

Balintrue Jan 30 2017 at 22:12

Я боюсь Вы «замучили» свой Chrome )))
Как вариант — попробовать это и проверить версию — на 55.0.2883.75 работает стабильно (пользуюсь регулярно)

deamondz Jan 30 2017 at 18:12

можно сделать форму в верстке и забиндиться на её submit? там и enter работать будет без keyCode

Noxormy Jan 30 2017 at 18:13

Не уверен, но по-моему формы не работают в расширениях, если я ошибаюсь — поправьте меня, буду рад :)

deamondz Jan 31 2017 at 09:58

сам не в курсе, поэтому и спросил

davron2813 Jan 30 2017 at 19:03

Молодец,
http://software.uz/ru/blog/view?id=20
Пост 2016 года)
Я тоже делал чтото подобное

Noxormy Jan 30 2017 at 19:05

Спасибо, за информацию. Попробовал, отличное решение, но устарел апи (сейчас яндекс только с апи кей работает) и само решение работает не на всех сайтах, у меня на многих сайтах попросту не вставлял элемент, пока не знаю с чем связано.

Fisk Jan 30 2017 at 19:13

писал такой же переводчик для FF+Яндекс.переводчик https://addons.mozilla.org/en-US/firefox/addon/quizlet-helper/ нужно только выделить нужное слово мышью

keilman Jan 31 2017 at 14:23

Все классно, но есть мелочи…

Например вместо этого:

var parent = /[а-яёЁ]/i;
var language = (parent.test(input))? 'ru-en':'en-ru';

Правильнее было бы:

var pattern = /[а-яёЁ]/i;
var language = (pattern.test(input))? 'ru-en':'en-ru';

А ещё лучше вот так: (потому как переменная используется один раз)

var language = (/[а-яёЁ]/i.test(input))? 'ru-en':'en-ru';

А так спасибо за идею, есть моменты которые я не знал )))

Noxormy Jan 31 2017 at 14:27

Ну как говорится: «Нет хуже причины для использования имени "с", как та, что имена "a" и "b" уже заняты».

Ради этого и писал статью, рад что помог :)

ProgramerNikita Feb 4 2017 at 15:13

У вас перед вторым пунктом у гиперссылки в надписе написано 'gogle'

Noxormy Feb 6 2017 at 19:06

спасибо, поправил

ProgramerNikita Feb 4 2017 at 15:19

Очень хороший пост, спасибо, вдохновили, пойду делать chrome extension))

Noxormy Feb 6 2017 at 19:05

Очень рад, удачи :)

Show the best of all time