2013-08-06 122 views
0

我必须为浏览器创建一个日志查看器,这些日志文件可以非常大(200MB或更多)。由于使用语法高亮,所以需要渲染速度非常快。是否有可用于加速渲染过程的新技术(webgl或canvas)?是否有技巧来优化文本渲染?优化浏览器文本渲染

连接不是瓶颈,因为文件是通过高速Intranet转发的。

+0

日志文件包含什么内容?如果它基本上是纯文本(带有明显的换行符),其中某些单词将被突出显示,那么将其放在'pre'标记内并使用最短的可能语法来突出显示,例如'...'应该几乎一样快作为呈现纯文本。另一方面,如果它是一个'table',那么'table-layout:fixed'是必须的,你需要仔细考虑列的宽度。 –

回答

1

画布绝对不是解决方案。在画布上渲染文本通常非常缓慢。

最好的解决方案是最有可能的动态标记(语法高亮)只有屏幕上显示的文字(加上关于一个页面的价值在任一方向)。这样做需要一个定制的JS解决方案,但它应该完全可行。

这个似乎是谷歌浏览器在他们的开发人员工具中为语法高亮的JS/CSS/HTML文件所做的。这些文件的部分内容不会被标记,直到查看器滚动到它们。