2013-08-06 178 views
0

我必須爲瀏覽器創建一個日誌查看器,這些日誌文件可以非常大(200MB或更多)。由於使用語法高亮,所以需要渲染速度非常快。是否有可用於加速渲染過程的新技術(webgl或canvas)?是否有技巧來優化文本渲染?優化瀏覽器文本渲染

連接不是瓶頸,因爲文件是通過高速Intranet轉發的。

+0

日誌文件包含什麼內容?如果它基本上是純文本(帶有明顯的換行符),其中某些單詞將被突出顯示,那麼將其放在'pre'標記內並使用最短的可能語法來突出顯示,例如'...'應該幾乎一樣快作爲呈現純文本。另一方面,如果它是一個'table',那麼'table-layout:fixed'是必須的,你需要仔細考慮列的寬度。 –

回答

1

畫布絕對不是解決方案。在畫布上渲染文本通常非常緩慢。

最好的解決方案是最有可能的動態標記(語法高亮)只有屏幕上顯示的文字(加上關於一個頁面的價值在任一方向)。這樣做需要一個定製的JS解決方案,但它應該完全可行。

這個似乎是谷歌瀏覽器在他們的開發人員工具中爲語法高亮的JS/CSS/HTML文件所做的。這些文件的部分內容不會被標記,直到查看器滾動到它們。