基于Chrome Extension的表格导出程序的设计与开发
2021-08-19廖若飞廖海
廖若飞,廖海
(1.四川信息职业技术学院软件学院,广元628040;2.四川信息职业技术学院信息中心,广元628040)
0 引言
Chrome Brower在目前浏览器市场占有很高的份额,已经成为用户的主力浏览器,成为业界事实上的标准。在学习、生活、工作中,大家经常遇到这样的场景:网页上有很多表格,表格中有很多数据,如何快速且方便地保存下来?一般做法是先在网页上选中相应的内容,然后再复制,接着打开Excel软件,新建文件,然后粘贴保存。这种做法比较步骤比较多,操作麻烦,有没有一种简单的办法实现一键下载?答案是肯定的,通过Chrome Extension程序可以实现。
选择Chrome Extension程序来实现,基于以下四点:①开发难度小,Chrome Extension程序本身就是基于Chrome浏览器,不需要模拟浏览器、解析网页[1];②开发流程简单;③可扩展性强,在WebKit内核的浏览器中均可以使用;④用户使用方便;⑤跨平台,Win⁃dows、MacOS、Linux桌面环境都可以使用。
1 程序分析与实现
程序的触发可以这样实现:将表格的第一行最后一列单元格字体变红,用以标识该表格可以下载;给该单元格增加双击事件,双击触发数据下载。通过以上分析可以看出,程序开发中的步骤和难点,下文逐一展开讨论。
1.1 触发事件
为方便开发,程序中可引入jQuery类库。页面上可能会有多个table元素,可以遍历所有table元素,然后找第一列的最后一个单元格,注意该单元格可能是th元素也可能是td元素。关联事件的代码需要在页面加载完成之后才能执行,所以要将它放在$(function(){})中。选择器:“tr:first th:last,tr:first td:last”是一个难点,表示选择当前table元素中的第一个tr元素中最后一个th或者第一个tr元素中最后一个td。……
