多语言展示
当前在线:1470今日阅读:23今日分享:25

chrome定时自动刷新网页插件

下面和大家分享怎么开发一个chrome定时自动刷新网页的插件,1,这个可能需要的chrome插件开发的基础了。2,本例子不难就是选择一个时间周期,然后重复的刷新页面。
工具/原料
1

电脑

2

chrome浏览器

方法/步骤
2

先来看看插件的代码部分,演示的效果在后面哦。这里是定义了几个量,一会后面的时候会使用到,比如指定了两个图片作为插件的启动和停止状态图标,这里还包含了一个updateIcon方法。这个方法主要就是在启动或停止的时候修改插件的图标,所以把ta单独提取出来,后面这一张就监听标签页切换的时候也要做执行下修改图标,因为我们的自动刷新插件是针对每一个页面的,不能全部都刷新。

3

下面这个就主方法了,在这里接收前面传过来的参数,比如选择了周期为两秒,这里会得到标签页,然后每两秒就去update标签页一次,这里分为了几种情况,有启动,停止,还有一个是保持状态的,然每次刷新后插件的图标和状态都能定位到刚才选择的。

5

这里是html文件,就是插件弹开的页面中要显示的东西,这里我们使用布局比较规整的table标签,并且加入了一些美化的css样式。通知还默认了一些时间周期,这里可以加入更多的,比如一个小时,别且value值的单位为秒。

6

最后是效果展示,当把插件安装到浏览器的时候,你会在浏览器的右侧看到一个图标,就像图中那样,这里默认情况下插件的图标是黑色的,单击后会看到第二幅图,这里可以选择时间周期,然后点击冲动按钮,这时按钮的图标改变,变成的发亮的状态,说明自动刷新已经启动,你也可以点击停止来终止刷新。

注意事项

chrome开发基础

推荐信息