Erhalten Sie Ressourcen, die Website von Code verwendet?

Welches ist der beste Weg, um eine Liste der Ressourcen zu erhalten, die die Website verwendet? So zum Beispiel habe ich eine Seite mit dem folgenden Code:Erhalten Sie Ressourcen, die Website von Code verwendet?

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Example page</title> 
     <script src="js/myscriptjs"></script> 
     <script src="js/jquery.min.js"></script> 
     <link rel="stylesheet" href="css/mystyle.css"> 
    </head> 
</html>

Wie ich die Dateien erkennen kann "js/myscriptjs", "js/jquery.min.js" und "css/mystyle.css"? Kann ich nur nach Dateiendungen wie ".css", ".js" oder ".php" suchen?

Grüße, Flo.

Quelle

2016-10-02 Thorolus

Kommt wirklich auf Ihren Kontext an. Wofür brauchst du das, auf welcher Plattform? –

Wenn Sie nur die Dateinamen benötigen, verwenden Sie 'document.querySelectorAll (" script [src], link [href] ") oder etwas ähnliches und greifen Sie auf die Dateinamen der zurückgegebenen Elemente zu. – Xufox

Ich mache derzeit eine kleine App, die von bestimmten Websites (ich habe schon den Code von ihnen) die Pfade zu Ressourcendateien benötigt. – Thorolus

Verwenden Sie document.querySelectorAll, um alle Elemente auszuwählen, die sich auf eine Ressource beziehen. Dann hole die Dateinamen von ihnen. Eine ES6 Version könnte sein:

Array.from(document.querySelectorAll("script[src], link[rel=stylesheet][href]")) 
    .map(element => element.src || element.href);

Alternativ können Sie eine for Schleife verwenden, um die Ergebnisse zu iterieren.

Sie können auch [rel=stylesheet] entfernen, wenn Sie auch in fav-Symbole und andere Ressourcen interessiert sind.

Quelle

2016-10-02 13:11:02 Xufox

Erhalten Sie Ressourcen, die Website von Code verwendet?

Antwort

Verwandte Themen