JavaScript - schnellste Möglichkeit zum Extrahieren von Dokument-Meta-Feldern

Question

Ich muss das "description" -Meta-Tag des Dokuments extrahieren.

Die Standardmethode wäre document.getElementsByTagName (‚META‘) zu verwenden, und dann durch das Array iterieren - wie gefunden: http://www.rgagnon.com/jsdetails/js-0070.html

Aber ich frage mich, wenn es keine andere schneller ist „, eine Zeile Code "Ansatz. Ich kenne xPath nicht - aber vielleicht könnte das funktionieren? Irgendwelche Ideen?

Answer 1

sicher ...

var desc = document.getElementsByName('description')[0].getAttribute('content'); 

Dies setzt voraus, dass es ein Meta-Tag Beschreibung natürlich gestattet.

Um vollständiger zu sein, würde dies die Beschreibung unabhängig von Fall erfassen.

function getDesc(){ 
    var metas = document.getElementsByTagName('meta'); 
    for(var i=0;mLen=metas.length;i<mLen;i++){ 
    if(metas[i].getAttribute('name').toLowerCase() == 'description'){ 
     return metas[i].getAttribute('content'); 
    } 
    } 
    return null;//or empty string if you prefer 
} 
var desc = getDesc(); 

Answer 2

Sie können es mit XPath tun (in Kunden unterstützen document.evaluate), aber das wäre wohl zuviel des Guten sein:

document.evaluate('//*[@name="description"]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null).snapshotItem(0); 

Answer 3

Scunliffe, denke ich Ihren Vorschlag wird der Trick auf jeden Fall tun, zumindest die Mehr -line-Funktion wird.

Ich kam mit einer Lösung, die nicht auf Webkit (Chrom + Safari) läuft, aber das ist sehr kompakt:

var metas = document.getElementsByTagName('META'); 
var value = (metas.namedItem ("description") || metas.namedItem ("Description") || metas.namedItem ("DESCRIPTION") || {}).content; 

Dies wird die namedItem() Funktion über das NodeList Objekt nutzen, suchen wahrscheinlich würde ein anderer Programmierer "Beschreibung" schreiben. Beachten Sie, dass dies die Werte von Tag-Attribute abrufen, während Fall für Namen Attribut ignoriert:

<meta name="description" content="my description" /> 
<meta NAME="Description" CoNtEnT="my description" /> 

Aber leider (Oy Vey) die nameItem() funktioniert nicht auf Safari & Chrome :-(Vielleicht gibt es eine Alternative Ansatz für diesen Browser ...

Answer 4

Es hängt auch davon ab, was Sie unter ‚quickest'- meinen Sie den kürzesten Code, den Sie können, oder die schnellste Antwort vom Browser?

für die schnellste Antwort schreiben, schau dir einfach die Meta-Elemente im head-Element und pi an nimm irgendeinen mit dem Namen 'description'.

{ 
    var s=[], metas=document.getElementsByTagName('head')[0].getElementsByTagName('meta'); 
    for(var i=0,L=metas.length;i<L;i++){ 
    if(metas[i].name=='description')s[s.length]=metas[i].content; 
    } 
    s= s.join(','); 
}