效果预览在当前页面点击右侧的“点击预览”按钮进行预览，以及单击链接以全屏预览。https://codepen.io/comehop??e/pen/oPjWvw互动视频本视频为互动视频，您可以随时暂停视频，编辑视频中的代码。请使用chrome、safari、edge打开观看。https://scrimba.com/p/pEgDAM/ceNm8CW源码下载日常前端实战系列完整源码请到github下载：https://github.com/comehop??e/front-end-daily-challengescodeinterpretationnavigator.onLine属性用于获取在线状态，配合相应的事件触发，可以开发在线检测工具。整个过程分为两部分，先绘制视觉效果，再检测在线/离线状态。定义dom，容器包含客户端、信号和服务器：
