前几天组里有同事遇到需要监测断网重连的问题，这类问题我们之前使用的是1
2
3
4
5
6
7
8// 连接网络
window.addEventListener('online', () => {
// TODO
})
// 断网状态
window.addEventListener('offline', () => {
// TODO
})
但是这种方法只能够在浏览器从断网切换到联网，或者从联网切换到断网的状态触发，或者换一句话说，如果你的浏览器始终保持在联网状态下，那么不会触发online事件，但是实际的需求里，需要联网和断网状态展示不同的样式，那么怎么办呢
后来在组长的帮助下，使用navigator.onLine
就能实现相应的功能
不需要被动触发，参考文档如下所示
参考链接: https://developer.mozilla.org/zh-CN/docs/Web/API/NavigatorOnLine/Online_and_offline_events
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true