|
一、选题目的及意义
目的：进行扩展插件是解决浏览器信息的抓取获取的有效解决办法。这并不是不能实现，可以在浏览器增加插件实现特定信息的抓取，例如在浏览器中通过快速截屏来实现网页信息的获取。节省时间，增加阅读性，亦可以下载保存以便日后查看。实现更深层次的浏览器互动是增加插件的目的。研究的目的是通过chrome浏览器截屏插件的使用，对我们平时在想要保留一些有用信息时的快捷方法，具有指导插件开发的方法，步骤以及遇到的问题。以及为了增加浏览器的扩展功能，实现浏览器的特定的功能以扩展浏览信息量或者实现浏览器特定的基本功能。例如，增加浏览器的计算扩展，增加浏览器的信息存储扩展等。
意义：作为浏览器必不可少的应用插件，不论是截屏截图还是录制屏幕，都是一个获取信息的关键渠道。同时插件对于浏览器来说至关重要，插件作为浏览器的扩展功能，浏览器的插件功能越完善能够给我们带来极大的便利一个简单实用，小巧方便快捷的谷歌浏览器截图插件，可以极大的释放我们在获取信息时的时间。同时通过开发截屏插件也了解了关于浏览器插件开发的相关知识。不同于Firefox基于XUL的扩展界面开发,Chrome基于HTML的扩展开发方式极大地方便了开发人员。Chrome浏览器高安全性的沙盒技术、多进程技术、隐身模式、快速高效的浏览体验吸引了大量用户。Chrome扩展可以提升用户体验, 乃至解决一些使用过程中遇到的实际问题。
二、选题设计的思路和方案
在选题时，主要考虑到，相对比于国际上主流的五款浏览器：Internet Explorer（IE）浏览器、google chrome浏览器、firefox（火狐）浏览器、safari浏览器、opera浏览器。它们各自的特点和缺点都有着极大的差异。
（1）IE浏览器内核虽说更安全，但它的拓展性几乎为零，并且容易中毒。不利于开发人员在此平台上开发插件。
（2）firefox（火狐）浏览器拓展性强安全性也高，但网页有错位以及媒体的功能不齐全等问题，若在此开发截屏插件恐存在的难题是不准确的截屏
（3）safari浏览器作为苹果公司开发的一款浏览器，与运行在macOS上的safari相比，有些功能出现丢失。
（4）Opera浏览器是浏览器的先驱，当今浏览器上的功能许多都是效仿Opera的，例如鼠标的手势功能正是Opera最先开发的。但由于并不常见，拓展性不如谷歌。
（5）google chrome浏览器的优点是：不易崩溃，兼容性好，速度快，几乎隐身，搜索简单，标签简单，更加安全。是插件开发以及程序开发的最佳选择
而在开发人员以及普通用户的选择上，Chrome浏览器在用户的使用上，占有率无疑是更高，更多人用的。以及基于谷歌浏览器的开发更简单；Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包。之所以选择Chrome插件而不是Firefox插件的主要原因是：应用场景更广泛，Firefox插件只能运行在Firefox上，而Chrome除了能在Chrome浏览器运行之外，还可以运行在所有webkit内核的国产浏览器，比如360极速浏览器、360安全浏览器、搜狗浏览器、QQ浏览器等等；目前国产的浏览器没有真正意义上独立的内核技术，所以才导致众多国产浏览器它们都是基于谷歌浏览器内核的基础上开发出来的。因此基于谷歌浏览器开发的截屏插件，基本上是可以运用在众多的国产浏览器中，除此之外，Firefox浏览器也对Chrome插件的运行提供了一定的支持；
二、选题相关支持条件（理论知识、软件或硬件条件等）
1、理论知识
（1）JavaScript技术与Ajax技术
AJAX是一种用于创建快速动态网页的技术, 它不是新语言, 而是一种使用现有标准的新思想、新方法。PHP在实现用户注册功能中, 通常需要实现用户名是否可用的校验, 传统的校验方法需要服务器程序处理并重新加载页面, 用户每发出一个请求, 整个页面就会被全部刷新, 页面的刷新与用户的请求是同步的, 用户体验性不好。而利用AJAX技术, 它通过与服务器程序进行少量数据交换, 可以实现网页异步更新, 即可以在不重新加载整个网页的情况下, 对网页的某部分进行更新。
Ajax技术作为交互式网页应用的网页开发技术，可与多种技术的结合，并采用了异步调用的方式促使页面局部刷新，减轻了服务器负担。如今，Ajax的应用越来越重要越来越广泛，并已成为开发移动应用程序的首选。
JavaScript是基于ECMAScript标准的,解释型、轻量级、嵌入式的高级程序设计语言,具有良好的用户应用体验感,其应用十分广泛。
（2）PHP语言
PHP包含多种语法，可以用于编写动态页面，因此网站开发者可以利用其编写一些特色功能。 PHP技术的兼容性较强，可以内嵌于HTML,并且能够在服务器端运行脚本。利用PHP技术可以较快的进行数据的读取，还可以使用该技术所具有的标准化数据库。目前对于PHP技术的使用主要有两种方式:一 是模板技术, 模板技术需要将网页的框架事前制作完成，之后根据网页的框架对其结构和功能特点进行研究布置,最后生产网站的数据库模板，开发出的网站数据库模板可以与他人进行分享;二是标签技术, 使用标签技术可以使程序的编写相对简单化。
（3）HTML5技术
近年来，互联网在各个领域的普及，使Web前端开发技术发展十分迅猛，而HTML5更是已经成为Web前端开发技术的主流，从而使Web前端开发技术具备了更多新的功能特性。随着5G的迅速普及,前端设备逐渐呈现多样化,开发人员需面对不同的平台、不同的操作系统。开发满足不同平台、不同操作系统的前端系统成为亟待解决的问题,基于HTML5的Web前端设计不仅能满足跨平台的要求,并能降低开发成本,缩短开发周期。
2、硬件环境 CPU：2.00GHz 内存：4.00 GB 硬盘空间：20G 以上的。
3、软件环境 操作系统：Windows 10 ，开发环境为VS code，使用JavaScript、HTML5、PHP语言汇编。测试环境为chrome浏览器
四、选题预期达到的目标
（1）该截屏插件能够基于在chrome浏览器上实现基本的截屏功能，并可以运用键盘中的快捷键进行快速截图。
（2）基于chrome浏览器中，插件可以截屏到所有的全屏版面，并点击保存图标按钮，将其保存至桌面。(滚动截屏)
（3）在使用开发的截图插件进行截图时，用户可以根据想要截取信息进行更改截图范围，通过快捷键调出插件的截图功能，并使用鼠标长按左键用来拉取截图范围。
（4）在截图的过程中，左上角动态显示截图框的长宽数值，松开鼠标即截屏的范围。截图完成后可在图中进行文本标注，画重点，取消此次截屏，保存到本地等功能操作。当截取范围错误时，通过功能框中的取消键取消当前截图。
五、进度安排
1、2020年10月11日前：组织教师命题；
2、2020年10月21日至2020年11月2日：学生选题，确定指导教师。学生在与指导教师充分沟通的基础上，进一步确定毕业设计题目；
3、2020年11月28日至2020年11月15日：对毕业设计背景调查及技术资料进行收集整理，并在此基础上撰写开题报告；
4、2020年11月16日至2020年11月20日：由各答辩小组组长负责，安排开题答辩，并完成“附件1开题报告”（开题报告的总字数不少于1500字）。开题通过后，学生开始进行相关资料、技术、项目的准备工作；
5、2020年11月21日至2021年3月24日：学习相关开发工具同时查阅本次设计相关资料，就课题进行需求分析；并根据分析阶段所获得相关文档、数据进行设计，初步完成各个模块的相关功能；
6、2021年3月25日至2020年3月31日：由各答辩小组组长负责，安排中期检查，完成“附件10 毕业设计中期检查表”。同时指导教师注意日常指导期间填写“附件3 指导检查情况记录表”；
7、2021年4月1日至2021年5月5日：测试并完成各功能模块，形成可运行的软硬件系统或仿真、设计图纸等。同时按要求完成毕业设计定稿，论文格式严格按照“附件2 正文格式模板”（正文总字数不少于20000字）撰写。指导教师填写完成“附件4 指导教师评分表”；
8、2021年5月6日至2021年5月18日：进一步完善毕业设计定稿，同时评阅教师完成“附件5评阅教师评分表”，准备最终答辩；
9、2021年5月17日至2021年5月20日：学院统一组织学生及指导教师进行毕业设计答辩。同时填写完成“附件6答辩成绩评定表”。
10、2021年5月28日前：毕业设计评分与整理归档、优秀毕业设计的整理及报送。
六、主要参考文献（不少于15篇，包括外文资料至少1篇。）
[1]汉口人家.后起之秀Chrome也会截图[J].网友世界,2010(17):30.
[2]于志良.基于Ajax技术的Chrome扩展开发[J].电脑知识与技术,2011,7(27):6685-6687.
[3]傅建明,梅戌芬,郑锐.Chrome扩展安全[J].武汉大学学报(理学版),2019,65(02):111-125.
[4]吕振刚.基于Ajax技术的WEB研究[J].石油知识,2020(04):50-51.
[5]张博,于海洋.服务器端JavaScript技术分析[J].信息与电脑(理论版),2018(04):19-20.
[6]刘景云.如何快速编程打造谷歌浏览器插件[J].电脑编程技巧与维护,2014(11):93.
[7]易灵.JavaScript技术在Web网页中的应用研究[J].信息与电脑(理论版),2020,32(18):61-63.
[8]王志军.借助谷歌浏览器实现网页截图任务[J].电脑迷,2012(24):72.
[9].谷歌浏览器中的ActiveX应用[J].网友世界,2011(10):47.
[10].了解谷歌浏览器Chrome的20个特点[J].计算机与网络,2008,34(17):21.
[11]郑迪文,沈立炜,彭鑫,赵文耘.基于AJAX的Web应用构件组装技术及工具[J].计算机科学,2014,41(11):152-156+191.
[12]黄华峰,黄华林.利用AJAX技术提升Web应用性能的设计[J].科技视界,2014(24):76-77.
[13]雷华军,邢益良.基于PHP语言Web应用开发研究与实现[J].电脑编程技巧与维护,2017(09):18-19+24.
[14]王丹.AJAX技术在PHP开发中的应用分析[J].无线互联科技,2016(24):138-139.
[15]Kevin J. Theisen. Programming languages in chemistry: a review of HTML5/JavaScript[J]. Journal of Cheminformatics,2019,11(1).
|
