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

Question

我对编程和开发chrome扩展都相对较新。我正在开发一个可以做这件事的chrome扩展。

1. 在选择文本时，在单击时显示一个按钮，文本将突出显示。 （有点像pin按钮）
2. 当我再次访问该页面时，我可以看到我突出显示的区域。

所以目前我有一个扩展工作，它可以将书签保存到数据库。这是我理解http://markashleybell.com/building-a-simple-google-chrome-extension.html的链接。如果你想我也可以分享实际的代码，但它会引起人们的质疑。

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

1. 选择文字
2. 出现一个图标（H ow我触发jquery添加按钮，我需要使用哪个chrome api以及我应该放置代码的文件） 3单击图标时，文本将突出显示。 （我应该如何更改当前页面的DOM）

我可以完成提取文本并将其发送到数据库的部分。

下一个问题我不知道我需要在数据库中存储什么信息（例如我需要存储开始或结束节点），这样当我返回到URl时我可以突出显示文本。 Chrome扩展程序如何自行启动以确定需要突出显示该页面的哪个部分。

如果你有一个很棒的示例代码，或者只是告诉我我需要使用的逻辑和chrome api是什么。

我知道这个问题太宽泛了，但即使你有一些链接可以帮助理解这个流程，它也会很棒。 我正致力于创建一个类似https://www.diigo.com/版本的项目，只能存储网址和突出显示的注释。