根据字体和字体大小刮取网页

Question

HTML text scraping is doable with various libraries that can be found in the web . I am trying to parse the biggest heading (title) of a web page - only that - from various HTML pages.

I am trying to automatically detect the main title of the item from several hundred pages (it can be a product page or an article page etc.). It would be great if there was a way to make my parsing decision based on the font and the font size of the text that is available in the web page. Since the main title is almost always the text with the biggest font in the web page, this information can give a me a lot of insight about where to find the title.

So the questions is, is there any way that this can be accomplished?

Answer 1

I suppose you could do it like this , but this is a very resource intensive task because you iterate over all html elements in the body.

var text,
    size = 0;

$("body, body *").each(function() {
    var f_size = parseInt($(this).css("fontSize"));
    if (size<f_size) {
        text = $(this).text();
        size = f_size;
    }
    console.log(this.tagName + " " + f_size);
});