2017-01-25 1 views
0

Je souhaite créer une mise en page entière directement à partir d'outils de développement chromés. Donc, je suis venu sur les espaces de travail dans les outils de développement de chrome.Limitations dans les espaces de travail chrome

Mais il y a 2 limites Je suis face après que je styles de map et html à fichier ressource système

  1. Si je fais un changement html à partir du panneau éléments - comme modifier le code html ou supprimer un nœud - il est pas mappé à mon fichier html de l'espace de travail afin que je puisse l'enregistrer - est-il un moyen de voir de tels changements ??

  2. Après que j'ai cartographiée par fichier css - et mon fichier css locale n'a pas de règle pour un sélecteur dire

    wrapper

    {font-family: "Courier New"}

alors je ne peux pas persister le changement que je fais du panneau des éléments en sélectionnant directement un élément.

Voir images ci-dessous.

enter image description here

enter image description here

+0

Désolé, que demandez-vous? –

Répondre

0

« styles Seuls définis dans un fichier CSS externe peut être enregistré les modifications element.style ou les styles en ligne ne sont pas conservées (Si. vous avez les styles en ligne, ils peuvent être modifiés sur le panneau Sources) »

de https://developers.google.com/web/tools/setup/setup-workflow.

+0

que diriez-vous de la synchronisation entre les changements html dans l'onglet d'éléments et l'onglet de sources ?? – Prabhas

+0

Vous ne savez pas ce que vous voulez dire? Si vous avez mappé une feuille de style externe, vous devriez pouvoir sélectionner un élément, changer n'importe quoi dans l'onglet des éléments, puis revenir à la feuille de style (que vous devriez pouvoir voir dans l'onglet sources). Ce qu'il ne fera pas, c'est ajouter de nouvelles déclarations à votre feuille de style mappée. – surfthecity

+0

Je veux faire des changements de dom ou html dans l'onglet des éléments (pas de changements de style) et les persister d'une manière ou d'une autre – Prabhas