2014-02-25 46 views
1

我在製備HTML文本分析器的過程中,我想是能夠確定何時一個文本節點顯示爲一個標題(在視覺上,不HTML報頭)。如何確定字體重量粗體不使用的getComputedStyle

一兩件事,通常有關頁眉可以說是,他們強調 - 通常是在以下兩種方法之一:加粗字體或更大的字體大小。

我可以使用getComputedStyle()得到兩個對應的CSS值,但我想避免這種情況,因爲解析器需要高性能(必須在Chromebook上流暢運行),並且在查看數百或數千個時不是特別快的節點。

搞清楚的字體大小是不是太辛苦 - 我可以只選擇節點與rangerange.getClientRects()。我還沒有想出一個聰明的辦法,雖然檢查字體粗細檢查其客戶端rects,這就是爲什麼我在這裏。

任何人都可以想到更高性能的做法比使用getComputedStyle()

我知道這也許是不可能的 - 只是想看看是否有人能想到的解決這個問題的一個巧妙的方法。

編輯

這是因爲只有谷歌Chrome擴展。

+0

如何把它放在粗體並檢查是否有尺寸差異? –

+0

這是一個好主意,但根據我剛剛做的一個快速測試,它也比getComputedStyle()慢得多。 – Woodgnome

回答

0

你的目標是什麼做的,是非常的混亂。既然你想確定文本在視覺上是否大膽,在某些設備上,取決於它們如何呈現文本,整個系統可能會崩潰!

一個建議,我已經是使用HTML5數據atrributes - 找出更多here - 並使用它,像這樣:

<div class="header" data-bold="yes">This will appear bold?</div> 

然後,使用JavaScript,你可以隨便去對所有的div元素與數據 - 大膽的屬性。

我希望這有助於;)

+0

我已經添加了一點點評論,這是僅針對Google Chrome擴展程序。此外,我沒有提供HTML,因此我無法對其進行任何更改。 – Woodgnome

相關問題