Javascript 如何构建chrome扩展以突出显示特定URl上的文本

我对编程和开发chrome扩展都比较陌生。我正在开发一个chrome扩展来完成这个简单的事情

在选择文本时，单击将突出显示文本的按钮。有点像别针按钮 当我再次访问页面时，我可以看到我突出显示的区域。 因此，目前我有一个扩展工作，可以保存到数据库的书签。这就是我获得这种理解的纽带。如果你愿意，我也可以分享实际的代码，但这会使问题变得拥挤

如果我使用contextmenus，我想我可以使所选文本进入数据库。但这正是我打算做的

选择文本 这时会出现一个图标：如何触发jquery来添加按钮、需要使用哪个ChromeAPI以及应该将代码放在哪个文件中 3单击图标后，文本将突出显示。如何更改当前页面的DOM 我可以提取文本并将其发送到数据库

下一个问题是，我不知道需要在数据库示例中存储哪些信息。我需要存储开始节点还是结束节点，以便在返回URl时突出显示文本。一个chrome扩展如何自己开始计算页面的哪一部分需要突出显示

如果你有一个很好的示例代码，或者告诉我我需要使用什么样的逻辑和ChromeAPI

---

我知道这个问题太宽泛了，但即使你有一些链接可以帮助你理解这个流程，也会很棒。我正在进行的项目旨在创建一个非常类似的版本，它只能够存储URL以及突出显示的注释。

我确实认为这个问题的范围太广。看看指南；你可能需要把这个问题分成几个部分，并确保包括你目前的理解，你研究了什么，你尝试了什么。我对这个问题做了一些补充，以进一步澄清我想做什么。这是我第一次编写chrome扩展，所以我基本上处于零地带。我已经用这个链接建立了我的扩展的基础。你确实改进了这个问题，谢谢你的努力。但是，你的问题总的来说是无法解决的。即使URL匹配，也不能保证加载时文档的结构是相同的。但是有chrome扩展可以做到这一点，您可以查看diigo。它可能会在几页纸上失败，但总体来说应该是可行的，老实说，我有不止一个问题，其中一些问题应该是可以解决的