So exportieren Sie alle relevanten HTML / CSS für ein Element

8

Ich bin sicher, dass diese Frage draußen ist, aber ich kann sie nicht finden:

Gibt es ein Tool , das ein Element meines HTML-Dokuments abrufen und dieses Element , alle Eltern exportieren kann strong> und all sein assoziiertes CSS , aber nichts anderes ?

BEARBEITEN:

Tut mir leid, ich war nicht klar genug. Ich meine nicht, dass ich Firebug / DevTools möchte, ich meine ein Tool [das vielleicht eine Funktion einer Art Browser ist], das alle relevanten HTML / CSS für das ausgewählte Element in eine eigenständige Datei / in die Zwischenablage.

EDIT2:

Wenn ich sage gibt alle relevanten HTML / CSS aus Ich meine, dass ich dieses Element und alle CSS-Regeln haben möchte, und dann jedes Elternelement mit ihren CSS-Regeln bis hin zu. Was ich als Ausgabe erhalten würde, wäre genug HTML / CSS, um als eigenständige Seite zu öffnen und das Zielelement durch alle relevanten CSS-Regeln gerendert und beeinflusst zu haben.

    
iiz 08.02.2012, 15:37
quelle

4 Antworten

2

Meinst du sowas wie Firebug ( Firefox Addon )? Oder die Debug-Leiste in Chrome (Drücken Sie F12 im Browser)?

In Chrome:

  • Drücken Sie F12
  • Klicken Sie auf die Schleife in der linken unteren Ecke.
  • Klicken Sie auf das Element
  • Jetzt können Sie den ganzen Stil sehen.
  • Im großen Fenster sehen Sie ein anderes Element und das Element darunter es.
Dagob 08.02.2012 15:40
quelle
0

In Chrome können Sie mit der rechten Maustaste auf die Seite klicken und dann "inspect element" auswählen, um den HTML-Code der Seite (aber im Browser) anzuzeigen. Klicken Sie dann mit der rechten Maustaste auf das Element, das Sie exportieren möchten, und wählen Sie "Als HTML kopieren". Fügen Sie es in den Editor ein, den Sie mögen. Hoffe, das hilft.

    
Lee He 01.04.2014 08:07
quelle
0

Drücken Sie F12 oder klicken Sie mit der rechten Maustaste und wählen Sie "inspect element" und dann element, um den HTML-Code für die aktuelle Webseite zu erhalten. Klicken Sie dann auf das Vergrößerungsglas auf der linken Seite und klicken Sie auf ein Element der Seite, das den Code für dieses spezifische Element anzeigt. Danach können Sie mit der rechten Maustaste klicken und "Copy Html" auswählen, oder Sie können gehen "Als HTML bearbeiten" und dann den Code kopieren.

    
Provision 01.04.2014 08:13
quelle
0

Sie können versuchen, ein Tool wie Site Sucker dafür zu verwenden. Ich habe es verwendet, um ganze Websites zu erfassen, aber es gibt Einstellungen, die möglicherweise darauf beschränkt sind, wonach Sie suchen.

    
Bryan Hoffman 01.04.2014 17:19
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset AsyncTask in einer statischen Methode - Good Coding Practice?