html - 如果 iframe 未从 URL 加载，则加载缩略图

Question

我有一个从 CartoDB 加载地图的 iframe。

<iframe src='https://recology.cartodb.com/tables/condma_1_cleaned/embed_map' width='900' height='600'></iframe>

此 iframe 嵌入在 html 演示文稿中。当我做演示时，可能没有互联网。在这种情况下，如果可以加载地图的屏幕截图，那就太好了。

当加载实时版本由于缺乏互联网访问而失败时，如何获取要加载的地图屏幕截图？

Answer 1

借用这个答案，您可以执行以下操作：

<script type="text/javascript" src="/javascripts/jquery.js"></script>
<script id="iframe_loader">
function loadIframe() {
  var iframe_element = document.getElementById('iframe_id');
  if (navigator.onLine) {
    iframe_element.src = 'www.CartDB_url.com';
  } else {
    iframe_element.src = '/local_version_CartDB.htm';
  }
}
</script>

然后就在您关闭网站末尾的 BODY-tag 之前

<script>
  loadIframe();
</script>