瀏覽器上的圖像和文本剪輯工具如何工作？ （Evernote，剪貼板，snip.it等）

Question

背景：我是一個初學者的JavaScript開發人員，他正試圖更好地理解和學習這門語言。

有許多網站可以讓您從網頁上「剪輯」圖片和文字進行保存。我注意到他們中的大多數都需要您將JavaScript代碼片段拖到瀏覽器工具欄上，點擊該工具欄時會執行圖像&文本的裁剪。一些提供這種服務的服務是：Clipboard,Zootool，Evernote，Snip.it等。

這些剪貼工具是如何工作的？我試圖保存javascript並理解它，但它沒有多大意義。如何訪問DOM元素（文本，圖像）？如何發回服務進行存儲？該工具如何「知道」哪個用戶登錄？

Answer 1

這些剪切工具如何工作？

你提到的工具基本上是書籤。

Check this和this。

如何訪問DOM元素（文本，圖像）？

的DOM元素訪問他們就像你在一個正常的網頁document.getElementbyId("ID")或$('something')使用jQuery。瞭解bookmarklets只需在網頁上運行一些javascript代碼就好像它是頁面「代碼」的一部分一樣。

該工具如何「知道」哪個用戶登錄？

通過瀏覽器cookie。

希望它清楚。

Answer 2

我不確定所有問題的細節，但我非常確定這些工具以與其他網站相同的方式確定用戶 - cookies - 即用戶必須「登錄」使用這些書籤。