web-dev-qa-db-fra.com

Copie de code à partir d'un élément d'inspection dans Google Chrome

Je développe actuellement un site Web en HTML et je veux copier une partie du code d'autres sites. Cependant, lorsque j'exécute la fonction élément inspect et que je tente de copier une partie du code, le script est alors entièrement copié. Existe-t-il un moyen d'obtenir une partie du code à partir de l'élément inspect sans avoir à copier le tout et à découper les éléments que je ne souhaite pas dans Dreamweaver?

22
mars

Cliquez avec le bouton droit sur l'élément en question (par exemple, div, table, td) et sélectionnez la copie comme suit: html .

32
User

Dans les versions antérieures de Chrome, nous pouvions simplement sélectionner et copier un élément (avec Ctrl + C ou Cmd + C), puis le coller à l'intérieur d'un élément en le sélectionnant puis le coller (avec Ctrl + V ou Cmd + V). Cela n’est cependant pas possible dans les dernières versions (je suis sous Chrome 58.0.3029.110) et il m’a déjà installé de nombreuses fois depuis. 

Au lieu d'utiliser les commandes de copier-coller, nous devons maintenant cliquer avec le bouton droit de la souris sur l'élément -> Copier -> Copier l'élément, puis cliquer avec le bouton droit de la souris sur l'élément auquel nous voulons ajouter l'élément copié -> Copier -> Coller l'élément.

Je ne comprends pas pourquoi les commandes courtes sont désactivées, mais au moins, il est toujours possible de le faire de manière moins pratique. 

2
Calsal

Cliquez sur la ligne ou l'élément que vous souhaitez copier. Copier dans le presse-papier. Coller. 

Le seul problème est que si vous cliquez sur une ligne, vous obtenez tout ce que cette ligne comprend si elle était pliée. Par exemple, si vous cliquez sur une div et que vous la copiez, vous obtenez tout ce que la div contient. 

Vous pouvez également obtenir uniquement ce que vous voulez en cliquant avec le bouton droit de la souris et en sélectionnant "Modifier au format HTML". Cela fera de cette section essentiellement du texte, sans que le repliement soit activé. Vous pouvez ensuite sélectionner, copier et coller les bits pertinents. 

2
Joshua Dance

Vous pouvez copier par élément d’inspection et cibler la div que vous souhaitez copier. Appuyez simplement sur ctrl + c et ensuite votre div sera copier et coller dans votre code, il sera exécuté facilement.

0
Abdullah Khan