Frage Kopieren von Code von Element in Google Chrome überprüfen


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?


20
2017-09-25 04:32


Ursprung


Antworten:


Klicken Sie mit der rechten Maustaste auf das jeweilige Element (z. div, table, td) und wählen Sie kopiere als HTML.


30
2017-09-25 04:41



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

Die einzige knifflige 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 das bekommen, was Sie möchten, indem Sie mit der rechten Maustaste klicken und "Als HTML bearbeiten" auswä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.


2
2018-03-04 17:48



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 dann 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 nun 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 -> Element einfügen.

Ich verstehe nicht, warum die Kurzbefehle deaktiviert sind, aber zumindest ist es immer noch möglich, dies auf unbequeme Weise zu tun.


2
2018-05-17 11:51



Sie können mit inspect element kopieren und das zu kopierende div als Ziel auswählen. Drücken Sie einfach Strg + C und dann wird Ihr Div Kopieren und Einfügen in Ihrem Code wird es leicht ausgeführt werden.


0
2017-12-19 05:52



Sie müssen das nicht im 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, das wird dein Problem lösen als alles andere :)


-1
2017-08-09 09:21