javascript - 如何在浏览器中从未格式化的数据创建表格？

Question

我有一个生成的日志文件，记录实用程序访问的时间戳。日志看起来类似于此

Fri May 27 12:43:48 PDT 2011      user1 command1 1 2 3
Fri May 27 12:43:50 PDT 2011      user1 command2 abcdef   12  11
Fri May 27 12:44:00 PDT 2011      user1 command3
Fri May 27 12:45:12 PDT 2011      user1 command4

我通过浏览器访问此文件以检查事件。

由于文件是文本文件，阅读起来不是很方便。

是否可以(使用 Javascript？)在浏览器加载后修改文件，以便 timestamp、username 和 command分三列显示，原文件不受影响？

如果重要的话，我使用的是 Chrome 12，因此任何特定于该浏览器的解决方案也都适用。

Answer 1

您可以编写一个 JavaScriptlet(浏览器栏中的 JavaScript: URL 快捷方式)来执行如下操作:

(function() {
  var lines = document.body.innerHTML.split(/\r?\n/)
    , table = "<table>", line, i;
  for (i=0; i<lines.length; i++) {
    line = lines[i].split(/\s+/);
    table += "<tr>";
    table += "<td>" + line.slice(0, 6).join(' ') + "</td>";
    table += "<td>" + line[6] + "</td>";
    table += "<td>" + line.slice(7).join(' ') + "</td>";
    table += "</tr>";
  }
  table += "</table>";
  document.body.innerHTML = table;
})();

所以只需将所有内容压缩到一行并将您的快捷方式保存为“javascript:[code here]”，它应该可以工作。理论上。我没试过。