Chrome - désactiver tous les styles spécifiques .fichier css

Lors de l'inspection d'un site web, est-il possible de désactiver un particulier .fichier css? Je peux le faire dans FireFox mais impossible de trouver l'option dans le navigateur Chrome.

InformationsquelleAutor pkr298 | 2013-05-31
  1. 52

    Si vous souhaitez supprimer le style pour le reste de la page session, ouvrez l'Inspecteur DOM, recherchez le <link> ou <style> élément qui relie la feuille de style, et de supprimer l'élément. Ainsi, tous les styles associés à être supprimé.

    Si vous souhaitez désactiver uniquement la feuille de style temporairement, ajouter un nouvel attribut disabled à la <link>/<style> élément. Supprimer cet attribut pour permettre à la feuille de style nouveau.

    Si le site contient beaucoup de distraire les éléments du DOM, vous pouvez également visiter la console, et quelque chose comme document.styleSheets[0].disabled = true; (où 0 est l'index de l'élément de style).

    InformationsquelleAutor Rob W
  2. 3

    Ceci est basé sur Rob W réponse utile

    Il suffit de coller la ligne suivante dans votre console et modifier la valeur de l'indice en conséquence.

    Première exécution de désactiver la feuille de style et le deuxième se permettre.

    var stylesheetIndex = 0;
var action = document.styleSheets[stylesheetIndex].disabled === false ? "Disabled " : "Enabled ";
document.styleSheets[stylesheetIndex].disabled = !document.styleSheets[stylesheetIndex].disabled;
console.log( action + "stylesheet:" + document.styleSheets[stylesheetIndex].href );
    InformationsquelleAutor Carlton
  3. 2

    Une façon serait de simplement trouver l': 

    <link  href="yourstyle.css" />

    Et de le changer pour quelque chose d'autre... 

    <link  href="yourstyleXXX.css" />

    Qui pourrait l'empêcher de travailler...

    Je parie qu'il y est une façon outils de dev si...

    Le problème est que la plupart des gens sont la concaténation et minifying leur CSS avec les préprocesseurs... donc vous ne serez pas en mesure de prendre cette approche dans ces cas.

    InformationsquelleAutor nouveau
  4. 0

    Installer le "Web developer" extension pour Chrome. Vous avez alors plusieurs options, y compris le "Modifier le CSS", où vous pouvez apporter des modifications à un fichier CSS à la volée (ou simplement de la supprimer complètement de son contenu).

    https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

    InformationsquelleAutor Artur Barseghyan