javascript - 浏览器上的图像和文本剪辑工具如何工作？ (Evernote、剪贴板、snip.it 等)

Question

背景:我是一名初学者 javascript 开发人员，正在努力更好地理解和学习这门语言。

有许多网站允许您从网页“剪辑”图像和文本以进行保存。我注意到它们中的大多数都要求您将一段 javascript 代码拖到浏览器工具栏，单击该工具栏时会执行图像和文本的剪辑。提供此服务的一些服务是:Clipboard , Zootool , 印象笔记, Snip.it 等

这些裁剪工具是如何工作的？我试图保存 javascript 并理解它，但它没有多大意义。如何访问 DOM 元素(文本、图像)？如何发送回服务进行存储？该工具如何“知道”哪个用户已登录？

Answer 1

How do these clipping tools work?

您提到的工具本质上是小书签。

Check this和 this .

How are the DOM elements(text, images) being accessed?

使用 jquery 访问 DOM 元素就像在普通网页 document.getElementbyId("ID") 或 $('something') 中一样。重要的是要了解小书签只是在网页上运行一些 javascript 代码，就好像它是页面“代码”的一部分一样。

How does the tool "know" which user is logged in?

通过浏览器 cookie。

希望它清楚。