近期被一个事情困扰着，我们采购了一款软件，里面有一个数据大屏页，当登录过期后，数据就会保持原状，不再更新。和供应商反馈了很多次，都无法彻底解决数据显示的问题，没办法，自己周末在家研究，网站自动登录的事情。
想到Chrome插件可以解决这个事情，主要原理就是：新开一个页，定时刷新这个页面，检测是否掉线，如果掉线，就触发登录按钮，实现自动登录，这个检测是在后台进行的，不能影响前端的数据大屏显示信息。
上代码：
一，每隔三秒钟刷新一下页面，检测是否掉线，掉线的标准就是loginSystem这个按钮出现在页面上，检测到这个按钮存在，就触发点击事件，这里不需要关心用户名和密码问题，因为已经让浏览器记住用户名和密码了，只需要登录就可以了，这个网站也比较简单，没有验证码等环节。页面命名为：main.js
$(document).ready(function () {
console.log('检测是否掉线 ready ！');
function checkWebStatus(){
$("#loginSystem").each(function () {
$(this).click();
console.log('掉线了，已经重新登录！');
});
console.log('检测是否掉线！');
setTimeout(checkWebStatus, 3000);
}
setTimeout(checkWebStatus, 3000);
});
二，编辑manifest.json页，代码如下，主要功能是设置chrome插件属性，如名称，版本，权限，调用的js名称等。
{
"name": "自动登录",
"version": "1.0",
"manifest_version": 2,
"description": "自动登录",
"icons":{
"16":"./images/icon.png",
"48":"./images/icon.png",
"128":"./images/icon.png"
},
"browser_action": {
"default_icon": "./images/icon.png",
"default_title": "自动登录"
},
"permissions": [
"tabs",
"https://*/*",
"http://*/*"
],
"content_scripts": [
{
"matches": ["*://你的网站地址/*"],
"js": ["jquery-1.11.3.min.js", "main.js"]
}
],
"background":{
"scripts":["jquery-1.11.3.min.js", "main.js"]
}
}
三，编写完之后，目录结构是这样的。
四，安装配置到Chrome扩展程序。
五，打开要检测掉线的网站，看是否会自动登录。因网站可能会涉及数据泄露，就不发网站示例了，把控制台的输出截图展示一下。程序已正常运转，那个数据大屏展示页，再也不会因掉线出现数据不正确的现象了。
以此类推，开发Chrome扩展插件，还可以实现，其他一些功能，比如数据抓取，网站异常报警等。Chrome扩展插件，真是一个好功能！
标签：插件,登录,掉线,Chrome,js,icon 来源： https://www.cnblogs.com/ushou/p/16582724.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。