论文总字数：20946字

摘 要

当今社会已经是一个信息量特别大的信息时代,我们每天的人脑中都会能够接收到大量的来自各方各面的各种各样的信息,特别重要的是虽然是移动互联网给我们带来的巨大信息量,但是我们每天在人脑中所能够记录留下的信息和内容又是十分有限的,所以很多的人有时候都会选择记笔记这种的方式,去真正地把这些有用的信息和内容给我们留住。但是呢,传统的笔记这种方式是需要采用大量的笔和纸来进行记录,但是这种的方式明显已经有点过时了,因为除了这种的方式已经跟不上移动互联网的时代之外并且这些信息查阅操作起来不太方便之外,我们对于信息的掌握和了解也不仅限于图片和文字,还有各种各样的信息比如图表,思维导图等等都需要我们去学习和记忆。

现在各种各样的云笔记软件也如雨后春笋般涌出了，已经被很多上班族和学生党在日常生活中灵活使用。这个已经不再是单纯的自己的小笔记，还能够把记录下来的笔记、图片甚至是录音等文件同步到云端，用户自己能够在多个设备上查看的同时，还能分享给别人查看甚至是编辑。

使用云笔记类应用的人群，大部分是学历比较高，懂得学习方法的人。他们追求记忆的高效，对于自己花费过时间去处理的信息，往往会有着较强的管理意识，不会去浪费生命做无意义的事情。通常会使用这类软件去帮助自己提高在工作或者生活中学习知识或者处理事物的效率。

云计算笔记的一个实质作用就是能够帮助我们的用户快速地在电脑中存储数据和信息,并且在用户没有找到需要的信息时候,快速地展示之前所需要获取的数据和信息。因为我们人脑本身的数据和记忆存储容量本身就是有限的,所以我们需要将有用的数据和信息直接存储在其他的可以非常稳定地存储并且可以复现的存储媒介里。同时这种存储媒介也是我们能够很快地将数据和信息直接展示在我们的用户面前。这个其实也就是有点类似于我们个人电脑里的cpu、内存和移动硬盘的关系。cpu人脑运行的速度很快,处理的信息速度快,运算的能力很强但是不具备正确记忆的功能,内存相当于一个人脑,能够正确地记忆,但是容量有限。对于这海量的数据和信息,还是我们需要直接存储在移动硬盘里,需要的信息时候再直接读入或者存储到硬盘的内容中去,然后就是让我们的cpu人脑去正确理解用户需要执行的运算。

本文是设计一款针对chrome用户开发的web系统。它能够帮助使用者提高网页浏览的效率，像在本子一样为本子做笔记，通过chrome插件，为用户提供“阅读高亮”、“阅读大

纲”、”网页截图“、“阅读笔记”等功能。并且能通过web管理页面展示用户最近浏览的网页，并提供分类，标签等功能。

关键字：笔记系统；chrome扩展；javascript

Abstract

Today's society is an era of particularly large amounts of information. Every day we receive a variety of information from all sides, especially the amount of information brought by the Internet, but what our human brain can remember is Very limited, so many people will choose to take notes this way, to really retain these useful information. However, the traditional way of taking notes is to use pen and paper to record, but this method is obviously a bit outdated, because in addition to this method can not keep up with the Internet era and it is not convenient to search, our Understanding is not limited to words, there are various charts, mind maps, etc. that need to be remembered.

Now various cloud note software has sprung up like mushrooms and has been used flexibly by many office workers and student parties in daily life. This is no longer just your own small notes, you can also synchronize the recorded notes, pictures and even recordings to the cloud. Users can view on multiple devices while sharing with others to view or even edit.

Most of the people who use cloud-note applications are people with relatively high education and know how to learn. They pursue the efficiency of memory, and often have a strong sense of management for the information they have spent time processing, and will not waste their lives doing meaningless things. Usually use this kind of software to help yourself improve the efficiency of learning knowledge or handling things in work or life.

The essence of cloud notes is to help users quickly store information, and quickly display the previously acquired information when the user needs it. Because the memory capacity of the human brain itself is limited, it is necessary to store useful information in other media that can be stably stored and reproduced. At the same time, this medium can quickly display information in front of users. This is actually a bit similar to the relationship between CPU, memory and hard disk in a computer. The CPU runs fast, processes information quickly, has strong computing power but does not have a memory function. The memory is equivalent to the human brain and can remember, but the capacity is limited. For massive information, it still needs to be stored in the hard disk, and then read into the content when needed, and then let the CPU understand and execute the operation.

This article is to design a web system developed for chrome users. It can help users improve the efficiency of web browsing, take notes for this book like in this book, and provide users with

functions such as "read highlight", "read outline", "web page screenshot", "read notes" and other functions through the chrome plugin. In addition, it can display the webpages recently viewed by users through the web management page, and provide functions such as classification and tags.

Keywords: Note system; chrome extension; javascript

目 录

摘 要 I

Abstract III

第1章 绪论 1

1.1研究的背景及意义 1

1.2国内外研究现状 2

1.3研究内容及组织安排 2

第2章 相关概念和技术 4

2.1引言 4

2.2 chrome浏览器介绍 4

2.3 chrome扩展技术介绍 6

2.3.1扩展是什么 6

2.3.2 manifest.json 6

2.3.3 content-scripts 8

2.3.4 background 9

2.3.5 event-pages 10

2.3.6 popup 10

2.3.7 injected-script 11

2.3.8 消息通信 12

第3章 系统设计与实现 14

3.1系统需求描述 14

3.1.1 用户要求 14

3.1.2 流程描述 14

3.2选中高亮 15

3.2.1 获取用户选中的节点 15

3.2.2 为文本节点添加背景色 17

3.2.3 高亮选区的持久化和还原 18

3.3高亮定位模块 21

3.4 导航编辑栏模块 22

3.5后台系统模块 22

3.3.1 后台运行文件 23

3.3.2 后台数据库设计 23

3.3.3 后台接口设计 24

第4章 总结与展望 26

4.1总结 26

4.2展望 26

参考文献 27

致谢 28

第1章 绪论

1.1 研究的背景及意义

从google的浏览器chrome的浏览器正式发布以来,浏览器领域各个家族已经开启了一段技术创新的发展浪潮。对于浏览器的领域家族作为一款跨平台的容器,在最近的一段时间里技术更新迭代的速度特别快,涌现出里很多的新一代技术,例如html5、css3等等。而其中,贡献最大,对于新一代技术支持最快的浏览器就是这款chrome的浏览器了,google不断推陈出新,不仅自身的市场规模成长非常迅速,而且对于整个浏览器行业都的发展起到了正向的推动和关键作用。

目前为止，google的chrome浏览器依旧认为是目前世界市场占有率第一的网页浏览器。其占比约为68%,紧跟其后的分别是Mozilla Firefox浏览器、Internet Explorer浏览器。其市场占有率上升幅度分别为8%，7%。均远低于chrome浏览器。

请支付后下载全文，论文总字数：20946字