在 Komodo IDE 中编辑 CSS 和 HTML 期间实时预览或 LiveReload？答案

【问题标题】：Live Preview or LiveReload during editing of CSS and HTML in Komodo IDE?在 Komodo IDE 中编辑 CSS 和 HTML 期间实时预览或 LiveReload？
【发布时间】：2013-07-06 07:05:19
【问题描述】：

我听说过很多关于 Komodo IDE 的信息。 Komodo IDE 是否具有实时预览的扩展或原生支持？ Komodo IDE 是否可以扩展为在编辑 CSS 和 HTML 时提供某种实时预览？

我真的很想尝试使用具有实时预览功能的 IDE 或编辑器，在编辑 CSS 时可以提供良好的代码提示。我知道 Expresso 有 LivePreview，但它只适用于 Mac，我使用的是 Windows。带有 LiveReload 的 Sublime Text 很棒，但是代码提示有点差。是否有其他提供此功能的编辑器/IDE？

【问题讨论】：

实时预览究竟是什么？
CSS 和 HTML 的实时预览？所以当我编辑我的 CSS 和 HTML 时，我可以在浏览器上看到预览。

标签： css ide editing komodo live-preview

【解决方案1】：

有一个Komodo macro 可以扩展为使用setInterval 自动重新加载所有browser preview 选项卡：

function refreshViews()
  {
  var views = ko.views.manager.getAllViews();
  var view;

  // Loop through all open tabs to find the browser preview tabs
  for (var i=0; i < views.length; i++) 
    {
    view = views[i];
    // Reload each preview tab
    if (view.getAttribute("type") == "browser") 
      {
      view.reload();
      }
    }
  }

 setInterval(refreshViews, 2000);  // Reload every two seconds

【讨论】：