Devtools Mapping auf Netzwerkressourcen plötzlich gebrochen

Question

Ich habe seit Jahren Chrome (neueste Stable Build V49) Devtools und Serverpress für die Entwicklung lokaler Wordpress-Sites verwendet. Ich hatte kein Problem damit, den Arbeitsbereichen Themenordner hinzuzufügen und CSS-Dateien dann der Netzwerkressource zuzuordnen, so dass ich bis zum gestrigen Tag persistente Änderungen vornehmen kann, als ich ein neues Projekt startete und das Mapping nicht mehr funktionierte. Ich kann in den Einstellungen der Arbeitsbereiche sehen, dass das Mapping richtig eingerichtet ist, aber es macht einfach keine Verbindung - im Elementfenster, anstatt die lokale Datei zu bearbeiten, hat es mich editing style.css? V = 4.4.2 . Ich werde verrückt, ich habe versucht, alle anderen Arbeitsbereiche Ordner und Mappings zu löschen, Chrome neu installiert, mein Gehirn für die letzten Änderungen, die ich an irgendwelchen Einstellungen, die dies verursacht haben, vorgenommen hat, und suchte hoch und tief für andere mit dem Ausgabe, aber kein Glück.

Eine andere Sache, die ich bemerkt habe, ist, dass, wenn ich versuche, die lokale Datei der Systemressource zuzuordnen, das richtige Stylesheet, das ich zuordnen möchte, in der Liste erscheint. Wenn ich jedoch versuche, das Remote-Stylesheet der lokalen Datei zuzuordnen, ist die Liste der Optionen leer.

Jede Hilfe wäre erstaunlich,

Answer 1

Nun, es ist absurd und ein Hack, aber für alle anderen, die über dieses Problem kommen kann, ich war in der Lage, es zu beheben, indem Sie einen Haken hinzufügen, die das Stylesheet Version Streifen.

function remove_cssjs_ver($src) { if(strpos($src, '?ver=')) $src = remove_query_arg('ver', $src); return $src; } add_filter('style_loader_src', 'remove_cssjs_ver', 10, 2); add_filter('script_loader_src', 'remove_cssjs_ver', 10, 2);

Answer 2

Ich habe auch dieses Problem bemerkt. Es ist ein Fix, den das Chrome-Team kennt und versucht zu beheben. Von dem, was ich verstehe, war es im Prinzip ein völliger Zufall, dass es sogar überhaupt funktioniert hat, weil der Code nicht für Dateien mit Parametern geschrieben wurde. Schau dir das Chrome Dev Forum hier an.

Chrome Dev Forum Persistence Topic

Bis dahin, wenn Sie Wordpress verwenden und Sie wirklich wollen, um diese Funktion zu arbeiten, ersetzen Sie die Versionsnummer in Ihrem wp_enqueue_style mit null wie so:

von diesem

wp_enqueue_style ('customstyle', get_template_directory_uri() . '/css/custom.css', false, '1.0', 'all'); 

Zu diesem

wp_enqueue_style ('customstyle', get_template_directory_uri() . '/css/custom.css', false, null, 'all'); 

die das Problem lösen sollte, zumindest bis die DevTools Team arbeitet es aus.