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

最近许多网友留言说怎么开发一个让chrome定时自动刷新网页的插件 , 这对电脑小白来说简直是世纪大难题 , 网上查找很久都没理解 , 对于专业电脑人员来说这可能是小菜一碟了 。为帮助新手用户实现让chrome浏览器定时自动刷新网页 , 接下去分享一招实用的方法 。
google最新版本
google最新版本因其超简约的界面 , 极强的稳定性 , 以及支持众多强大好用的扩展程序 , 而受到了很多用户的欢迎 , 其中该浏览器的搜索服务非常的快 , 输入网址 , 很快就可以直达 , 同时还能够让用户更快速、轻松且安全地使用网络 。所以有需要的小伙伴可以来安装谷歌浏览器最新版本 。
具体方法如下:
1、这个可能需要的chrome插件开发的基础了 。
2、本例子不难就是选择一个时间周期 , 然后重复的刷新页面 。
具体方法如下:
1、这里是清单文件 , 关于chrome的清单文件你可以百度一下 , 这里面包含的指定页面的位置 , 并为插件指定了一个起始的图标 , 还有最重要的授权 , 如果不对插件授权那么插件将无法运行 , 当然还用应用的名字 , 版本等信息 。
2、先来看看插件的代码部分 , 演示的效果在后面哦 。这里是定义了几个量 , 一会后面的时候会使用到 , 比如指定了两个图片作为插件的启动和停止状态图标 , 这里还包含了一个updateIcon方法 。这个方法主要就是在启动或停止的时候修改插件的图标 , 所以把ta单独提取出来 , 后面这一张就监听标签页切换的时候也要做执行下修改图标 , 因为我们的自动刷新插件是针对每一个页面的 , 不能全部都刷新 。
3、下面这个就主方法了 , 在这里接收前面传过来的参数 , 比如选择了周期为两秒 , 这里会得到标签页 , 然后每两秒就去update标签页一次 , 这里分为了几种情况 , 有启动 , 停止 , 还有一个是保持状态的 , 然每次刷新后插件的图标和状态都能定位到刚才选择的 。
4、下面这个是前台的js文件中的内容 , 这里面包含了写公共方法 , 还有从页面中获得选择的时间周期 , 还有监听是哪个按钮被点击了 , 是启动还是停止等操作 , 并且加入getConf这个方法 , 作用就是获取插件当前的执行状态 。
5、这里是html文件 , 就是插件弹开的页面中要显示的东西 , 这里我们使用布局比较规整的table标签 , 并且加入了一些美化的css样式 。通知还默认了一些时间周期 , 这里可以加入更多的 , 比如一个小时 , 别且value值的单位为秒 。
6、最后是效果展示 , 当把插件安装到浏览器的时候 , 你会在浏览器的右侧看到一个图标 , 就像图中那样 , 这里默认情况下插件的图标是黑色的 , 单击后会看到第二幅图 , 这里可以选择时间周期 , 然后点击冲动按钮 , 这时按钮的图标改变 , 变成的发亮的状态 , 说明自动刷新已经启动 , 你也可以点击停止来终止刷新 。
【让chrome浏览器定时自动刷新网页插件设置方法】综上所述让chrome浏览器定时自动刷新网页插件设置方法 , 希望本教程内容对大家有所帮助!

    推荐阅读