浏览器上的图像和文本剪切工具是如何工作的?(印象笔记,剪贴板,剪报.这等)

How do image and text clipping tools on the browser work? (Evernote, clipboard, snip.it etc)

本文关键字:这等 工作 印象 剪贴板 笔记 剪报 何工作 文本 图像 工具 浏览器      更新时间:2023-09-26

背景:我是一个初学者javascript开发人员谁是试图更好地理解和学习语言。

有许多网站允许你从网页上"剪辑"图像和文本以便保存。我注意到他们中的大多数都需要你拖拽一段javascript代码到你的浏览器工具栏,当点击执行图像剪辑& &;文本。提供这个功能的服务有:剪贴板,Zootool,印象笔记,剪辑。等。

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

这些裁剪工具是如何工作的?

你提到的工具本质上是bookmarklet。

检查这个和这个

如何访问DOM元素(文本,图像)?

DOM元素被访问,就像你会在一个正常的网页document.getElementbyId("ID")$('something')使用jquery。有必要理解bookmarklet只是在网页上运行一些javascript代码,就好像它是页面"代码"的一部分一样。

工具如何"知道"哪个用户登录了?

通过浏览器cookie。

我不确定你所有问题的细节,但我很确定这些工具确定用户的方式与其他网站相同- cookie -即用户必须"登录"才能使用这些bookmarklet