quels sont les .carte de fichiers dans le Bootstrap 3.x?

Il y a deux fichiers inclus dans le CSS dossier .carte des extensions de fichier. Ils sont:

bootstrap-theme.css.map
bootstrap.css.map

Ils semblent être minimisé les fichiers mais je ne sais pas ce qu'ils sont pour.

InformationsquelleAutor wetjosh | 2014-02-01
  1. 418

    De Travailler avec les préprocesseurs CSS dans Chrome DevTools:

    De nombreux développeurs de générer des feuilles de style CSS à l'aide d'un préprocesseur CSS, comme Sass, Less, ou d'un Stylet. Parce que les fichiers CSS sont générés, de modifier le CSS directement des fichiers n'est pas aussi utile.

    Pour les préprocesseurs que le soutien de la source CSS cartes, DevTools vous permet de vivre modifier votre préprocesseur source de fichiers dans le panneau des Sources, et d'afficher les résultats sans avoir à quitter DevTools ou à l'actualisation de la page. Lorsque vous examinez un élément dont les styles sont fournis par un fichier CSS, les Éléments de configuration affiche un lien vers le fichier source d'origine, pas générés .fichier css.

    • Cette réponse explique qu'ils sont utilisés en conjonction avec les préprocesseurs CSS – quelque chose que je n'ai pas encore exploré beaucoup. Merci
    • Il sonne comme ce sont ces analogues à les symboles de débogage dans un langage de programmation, non?
    • sonne comme une bonne analogie pour moi
    • .... et comment faire u arrêter cette erreur?
    • j'ai été prise en js erreur, j'ai donc fait un faux fichier dans ce répertoire, pour arrêter l'erreur de montrer.
    • Vous pouvez désactiver le chargement de la source de cartes à travers le ChromeDev paramètres des outils. Ouvrir DevTools > Cliquez sur la roue dentée > Décocher Activer JavaScript|CSS) source des cartes
    • vous pouvez également réf : stackoverflow.com/questions/21766880/...
    • et here explication plus détaillée pour les CSS et JS et quand , pourquoi l'utiliser

    InformationsquelleAutor Steve Jansen
  2. 165

    Si vous voulez juste pour se débarrasser de l'erreur, vous pouvez également supprimer cette ligne dans bootstrap.css:

    /*# sourceMappingURL=bootstrap.css.map */
    • Ou tout simplement le hachage # et il va se transformer en un simple commentaire, dans le cas où vous voulez revenir plus tard.
    • Si on retire de bootstrap.css , ne provoque aucun des erreurs ou des genre de choses?
    • Non, il n'est pas. Il rend juste plus difficile à déboguer.
    • Vous ne voulez pas cela pour un environnement de production, donc le compiler en conséquence (gulp --production si vous utilisez gulp, ce ne comprendront pas que sourceMapping ligne) et ne comprennent pas *.les fichiers de mappage de vos téléchargements vers le serveur de production.
    • Quelle est l'erreur? La question ne mentionne pas une erreur.
    InformationsquelleAutor LeonardChallis
  3. 67

    Ce sont source de cartes. Fournir à ces côtés compressé les fichiers source; les outils de développement tels que ceux dans les navigateurs Firefox et Chrome va les utiliser pour permettre le débogage comme si le code n'a pas été compressé.

    InformationsquelleAutor davidism
  4. 9

    Le bootstrap css peuvent être générés en Moins. Le but principal de fichier de la carte est utilisée pour lier le code source css à moins de code source dans le chrome dev outil.
    Comme nous avons l'habitude de faire .Si nous inspecter l'élément dans le chrome dev outil. vous pouvez voir le code source de css.
    Mais si le fichier de la carte dans la page avec bootstrap fichier css. vous pouvez voir le moins de code, qui s'appliquent à l'élément de style que vous souhaitez inspecter.

    InformationsquelleAutor Joe.wang
  5. 8

    Avez-vous jamais trouvé vous-même en vous souhaitant de vous pourrait garder votre code côté client lisible et plus important encore debuggable même après que vous avez combiné et compacte, sans impact sur les performances? Eh bien maintenant vous pouvez grâce à la magie de la carte source.

    Cet article explique la Source de Cartes à l'aide d'une approche pratique.

    InformationsquelleAutor Marcio Mazzucato
  6. 5

    Pour toute personne qui est venu ici à la recherche de ces fichiers (Comme moi), vous pouvez généralement les trouver en ajoutant .map à la fin de l'URL:

    https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map

    Assurez-vous de remplacer la version avec n'importe quelle version de Bootstrap vous êtes en utilisant.

    InformationsquelleAutor Travis Heeter
  7. 2

    Qu'est ce qu'un CSS du fichier de la carte?

    C'est un format JSON fichier qui relie le fichier CSS à ses fichiers source, normalement, les fichiers écrits en Moins, Saas, Sylus...etc preprosessors, c'est dans le but de faire un live de débogage pour les fichiers source dans le navigateur web.

    Ce qui est de préprocesseur CSS? Exemples: Saas, Du Moins, D'Un Stylet

    C'est un générateur de CSS outil qui utilise la puissance de programmation pour générer le CSS robuste et rapidement.

    InformationsquelleAutor Shadi Namrouti
  8. 0

    Si vous vous demandez pourquoi il vous manque les fichiers de carte avec Bootstrap 3.x; assurez-vous que vous avez la bonne version installée. J'ai eu à charge 3.3.7 pour obtenir l'effet désiré que je cherchais.

    InformationsquelleAutor TheJoe