navigator.online显示iframe和离线时显示图像

Question

在没有互联网连接时，需要帮助才能显示缓存的图片（服务工作者），而不是我的iframe - 这是我在小提琴中的不工作尝试

<https://jsfiddle.net/hrax5doq/10/>

在小提琴中，我使用外部图像位置作为示例，但如何在代码中使用缓存的图像网址

Answer 1

像这样：

＆＃13;

＆＃13;

if (window.navigator.onLine) {
d.innerHTML = '<iframe id="iframe" src="https://maps.google.it/maps?q=Inprint Printers,25+Watermeyer+st,eMalahleni,Mpumalanga,1035&output=embed" allowfullscreen></iframe>';
} else {
 d.innerHTML = '<img scr="https://upload.wikimedia.org/wikipedia/commons/2/23/User-Chaza93-Offline.png">';
}

＆＃13;

iframe {
  width: 100%;
  height: 600px;
  scrolling: no;
  marginheight: 0;
  marginwidth: 0;
  frameborder: 0;
  border: 0;
}

＆＃13;

<div id="d"></div>

＆＃13;

＆＃13;

＆＃13;