让chrome浏览器定时自动刷新网页插件设置方法

最近许多网友留言说怎么开发一个让chrome定时自动刷新网页的插件，这对电脑小白来说简直是世纪大难题，网上查找很久都没理解，对于专业电脑人员来说这可能是小菜一碟了。为帮助新手用户实现让chrome浏览器定时自动刷新网页，接下去分享一招实用的方法。

具体方法如下：

1、这个可能需要的chrome插件开发的基础了。

2、本例子不难就是选择一个时间周期，然后重复的刷新页面。

具体方法如下：

1、这里是清单文件，关于chrome的清单文件你可以百度一下，这里面包含的指定页面的位置，并为插件指定了一个起始的图标，还有最重要的授权，如果不对插件授权那么插件将无法运行，当然还用应用的名字，版本等信息。

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

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

4、下面这个是前台的js文件中的内容，这里面包含了写公共方法，还有从页面中获得选择的时间周期，还有监听是哪个按钮被点击了，是启动还是停止等操作，并且加入getConf这个方法，作用就是获取插件当前的执行状态。

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

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

综上所述让chrome浏览器定时自动刷新网页插件设置方法，希望本教程内容对大家有所帮助！