Chrome扩展开发自动刷新指定网站

   在日常工作中，对于一些网站或网页，可能需要浏览器完成一些自动化处理以提高工作效率，从而减少工作量。比如：自动定时点击某个按钮、自动播报数据内容、根据数据发送邮件短信、自动刷新页面、数据监控等场景。这些自动化处理完全可以交给浏览器来做，也就是说，通过浏览器开发自己的扩展能实现网页等的自动化处理。

本文基于Chrome浏览器来编写一个最基本的入门的扩展，用来实现百度首页定时刷新。扩展的开发需具备一定的Javascript、HTML、CSS等前端技术基础。

一、创建扩展文件夹

任意位置新建一个Auto Refresh Baidu文件夹，用来组织代码文件，目录下包含两个文件：index.js和manifest.json。

index.js：该文件是我们实现具体功能的代码文件。

manifest.json：该文件是每个扩展必需的文件，相当于扩展的配置文件。

二、配置扩展参数、编写功能代码

打开manifest.json文件，填写相关参数配置：

{
    "manifest_version":2,
    "version":"1.0.0",
    "name":"Auto Refresh Baidu",
    "description":"自动刷新百度首页",
    "browser_action":{},
    "permissions":[],
    "background":{},
    "content_scripts":[{
            "matches":["*://www.baidu.com/"],
            "js":["index.js"],
            "run_at":"document_end",
            "all_frames":true
    }]    
}

name：扩展的名称，自己取的扩展名。

description：扩展的描述。

content_scripts

   matches：匹配的域名地址，*号代表http和https等协议均可匹配。

   js：引入的js文件

   run_at：在什么时候执行，docuement_end表示页面加载完成后就嵌入

打开index.js文件，编写代码逻辑：

function refreshBaidu()
{
    setInterval(function() {
        window.location.reload();
    }, 3000)// 3秒刷新一次页面
}

refreshBaidu()

写好这两个文件接下来将扩展加载到Chrome里面。

三、将扩展加载到Chrome

Chrome浏览器地址栏输入：chrome://extensions/，打开扩展管理器，并开启"开发者模式"，加载扩展程序：

执行以上步骤，扩展就已经加载进来了。

四、测试

打开百度首页：https://www.baidu.com，此时可以看到百度首页每3秒会刷新一次。

如果想要深入了解Chrome扩展的开发，可阅读Chrome扩展的相关开发文档