浏览器上的图像和文本剪辑工具如何工作？ （印象笔记、剪贴板、snip.it 等）

Posted 2023-03-23

【中文标题】浏览器上的图像和文本剪辑工具如何工作？ （印象笔记、剪贴板、snip.it 等）

【英文标题】：How do image and text clipping tools on the browser work? (Evernote, clipboard, snip.it etc)

【发布时间】：2011-12-31 13:53:59

【问题描述】：

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

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

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

【参考方案1】：

这些剪辑工具是如何工作的？

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

Check this 和 this。

如何访问 DOM 元素（文本、图像）？

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

该工具如何“知道”哪个用户登录了？

通过浏览器 cookie。

希望它清楚。

【参考方案2】：

我不确定您的所有问题的详细信息，但我很确定这些工具确定用户的方式与所有其他网站相同 - cookie - 即用户必须“登录”才能访问使用这些书签。