Как работают инструменты обрезки изображений и текста в браузере? (Evernote, буфер обмена, snip.it и т. Д.)

Question

Справочная информация: Я начинающий разработчик javascript, который пытается лучше понять и выучить язык.

Существует множество веб-сайтов, позволяющих "обрезать" изображения и текст с веб-страниц.для сохранения.Я заметил, что большинство из них требуют, чтобы вы перетаскивали фрагмент кода javascript на панель инструментов браузера, которая при нажатии выполняет вырезку изображений и текста.Вот некоторые службы, которые обеспечивают это: Буфер обмена , Zootool , Evernote, Snip.it и т. Д.

Как работают эти инструменты отсечения?Я пытался сохранить JavaScript и понять его, но это не имеет особого смысла.Как осуществляется доступ к элементам DOM (текст, изображения)?Как отправляется обратно в сервис для хранения?Как инструмент «знает», какой пользователь вошел в систему?

Answer 1

Как работают эти инструменты обрезки?

Упомянутые вами инструменты, по сути, являются букмарклетами.

Проверьте это и это .

Как осуществляется доступ к элементам DOM (текст, изображения)?

Доступ к элементам DOM осуществляется так же, как и на обычной веб-странице document.getElementbyId("ID") или $('something') с использованием jquery. Важно понимать, что букмарклеты просто запускают некоторый код javascript на веб-странице, как если бы он был частью «кода» страницы.

Как инструмент "узнает", какой пользователь вошел в систему?

Через куки браузера.

Надеюсь, это ясно.

Answer 2

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