2012-09-25 8 views
18

Ich entwickle gerade eine Webseite in HTML und möchte einen Teil des Codes von anderen Webseiten kopieren. Wenn ich jedoch in die Funktion inspect element gehe und versuche, nur einen Teil des Codes zu kopieren, wird das ganze Skript kopiert. Gibt es irgendeine Möglichkeit, dass ich nur einen Teil des Codes von inspect element bekomme, ohne das ganze Ding kopieren zu müssen und die Bits ausschneiden zu müssen, die ich nicht in Dreamweaver haben möchte?Code von Element in Google Chrome kopieren

+0

Versuchen Sie einen Doppelklick, siehe auch _Resources_ Panel. –

+1

Wie wäre es, wenn Sie nur ein paar Zeilen kopieren möchten? – mars

+1

Dann würden Sie _Resources_ Panel, _Scripts_ Panel oder bei _Elements_ Panel wählen Tag und _RMB_ => _Edit als HTML_ => wählen und kopieren, was Sie wollen. –

Antwort

30

Rechtsklick auf das jeweilige Element (z div, table, td) und wählen Sie die Kopie als html.

+0

Ich habe keine 'Kopiere als HTML'-Option, aber ich habe eine' Edit as HTML'-Option gefunden, die ich dann mit Strg + A auswählen und dann kopieren und einfügen konnte. Toller Tipp! – user3738893

+1

Beachten Sie, dass der Inhalt von iFrames nicht gespeichert wird! Um den Inhalt von iFrames zu kopieren, müssen Sie das obige Element für jedes Element separat ausführen. – oriadam

+1

Sie können auch einfach das Element markieren und 'ctrl + c' auf Ihrer Tastatur drücken. – oriadam

2

Klicken Sie auf die Zeile oder das Element, das Sie kopieren möchten. In die Zwischenablage kopieren. Einfügen.

Die einzige schwierige Sache ist, wenn Sie auf eine Zeile klicken, erhalten Sie alles, was Zeile enthält, wenn es gefaltet wurde. Zum Beispiel, wenn Sie auf ein Div klicken und kopieren, erhalten Sie alles, was das Div enthält.

Sie können auch nur erhalten, was Sie wollen, indem Sie mit der rechten Maustaste klicken und "Als HTML bearbeiten" wählen. Dadurch wird dieser Abschnitt im Wesentlichen zu einem Text, ohne dass die Faltung aktiviert wird. Sie können dann die relevanten Bits auswählen, kopieren und einfügen.

0

Sie können durch inspect Element kopieren und das zu kopierende div markieren. Drücken Sie einfach Strg + C und dann wird Ihr Div Kopieren und Einfügen in Ihrem Code wird es leicht ausgeführt werden.

+1

nicht wahr atm, ein Update muss ctrl + c deaktiviert haben, was mir Kopfschmerzen als transposing eines der meine alten Websites. –

2

In früheren Versionen von Chrome konnten wir einfach ein Element auswählen und kopieren (mit Strg + C oder Cmd + C) und es dann in ein Element einfügen, indem Sie es auswählen und einfügen (mit Strg + V oder Cmd + V) . In den neuesten Versionen ist das nicht möglich (ich verwende Chrome 58.0.3029.110) und seitdem habe ich es oft eingerichtet.

Anstatt die Befehle zum Kopieren und Einfügen zu verwenden, müssen wir jetzt mit der rechten Maustaste auf das Element -> Kopieren -> Element kopieren klicken und dann mit der rechten Maustaste auf das Element klicken, an das das kopierte Element angehängt werden soll -> Kopieren -> Einfügen Element.

Ich verstehe nicht, warum die kurzen Befehle deaktiviert sind, aber zumindest ist es immer noch möglich, es auf eine unbequemere Weise zu tun.

-1

Sie müssen das nicht in Google Chrome tun. Verwenden Sie den Internet Explorer, der die Möglichkeit bietet, die assoziierte css zu kopieren und nach dem Kopieren und Einfügen den Stil auszuwählen und ihn in eine andere Datei .css einzufügen, um den von Ihnen erstellten HTML-Code aufzurufen. Hoffe, dass dies Ihr Problem lösen wird als alles andere :)

+0

Dies liefert keine Antwort auf die Frage. Sobald Sie genügend [Reputation] (https://stackoverflow.com/help/whats-reputation) haben, können Sie [jeden Beitrag kommentieren] (https: // stackoverflow.com/help/privileges/Kommentar); Stattdessen [geben Sie Antworten, die keine Klärung durch den Fragesteller erfordern] (https://meta.stackexchange.com/questions/214173/why-doe-i-need-50-reputation-to-comment-what-can- i-do-stattdessen). - [Aus Bewertung] (/ review/low-quality-posts/16979142) –

+0

Dies liefert keine Antwort auf die Frage. Sobald Sie genug [Reputation] (https://stackoverflow.com/help/whats-reputation) haben, können Sie [jeden Beitrag kommentieren] (https://stackoverflow.com/help/privileges/comment); Stattdessen [geben Sie Antworten, die keine Klärung durch den Fragesteller erfordern] (https://meta.stackexchange.com/questions/214173/why-doe-i-need-50-reputation-to-comment-what-can- i-do-stattdessen). –