web-dev-qa-db-de.com

Die Zuordnung von Ressourcen zu Chrome im Chrome-System funktioniert nach dem Update nicht mehr

Ich kann dem Arbeitsbereich einen Ordner hinzufügen (der, soweit ich das beurteilen kann, scheinbar nichts tut), aber die Option "Zu Dateisystemressource zuordnen" scheint entfernt worden zu sein, und ich kann keine Live-Bearbeitung mehr durchführen CSS-Dateien.

Ist dies ein Fehler oder wurde der Vorgang zum Zuordnen von CSS-Dateien geändert?

Dieser Vortrag ( https://developers.google.com/web/updates/2017/10/devtools-release-notes ) besagt, dass die neue Version "magic" verwendet, um entfernte Dateien lokalen Dateien zuzuordnen, aber ich Ich kann es überhaupt nicht zum Laufen bringen.

Als Referenz versuche ich, eine reddit-CSS-Datei auf meinem eigenen Computer abzubilden. Es funktionierte gut mit einer früheren Version von Chrome (im Grunde füge ich den Ordner hinzu und ordne die CSS-Datei darin zu. Diese wurde umbenannt, um den gleichen Namen wie die Remote-Version zu haben), aber nicht für die neue (Chrome 63).

28
chintogtokh

Ich habe gerade mit einem Problem herumgespielt, bei dem nur einige Dateien meinem lokalen Arbeitsbereich zugeordnet wurden.

 enter image description here

Es stellte sich heraus, dass Google Chrome auch das letzte Änderungsdatum Ihrer Dateien überprüft und vergleicht.
Wenn die Datei auf dem Server ein aktuelleres Datum hat als Ihre lokale Kopie, wird diese Datei nicht zugeordnet.

Ich habe die Bootstrap-Datei auf der Serverseite gelöscht und meine lokale Kopie hochgeladen, die ein älteres Änderungsdatum hat. Google Chrome hat die Datei sofort meinem lokalen Arbeitsbereich zugeordnet.
Aus Neugier habe ich touch bootstrap.min.js auf meinem Server ausgeführt, um das letzte Änderungsdatum auf heute zu setzen. Das hat meine Dateizuordnung wieder gebrochen.

11
Physikbuddha

Ich hatte das gleiche Problem, also habe ich auf Chrome 62 heruntergestuft (Einstellungen, Verlauf, Erweiterungen usw. werden beibehalten). 

  1. Laden Sie Chrome 62 von herunter
    https://www.slimjet.com/chrome/google-chrome-old-version.php .
  2. Unter OS X-Papierkorb/Anwendungen/Google Chrome.
  3. Schalten Sie das automatische Update aus, indem Sie "Standardwerte schreiben com.google.Keystone.Agent alwaysPromptForUpdates 1" einstellen. Der Standardwert ist 0.
  4. Möglicherweise müssen Sie auch "Standardwerte schreiben com.google.Keystone.Agent checkInterval 0" einstellen. Die Standardeinstellung ist 18000.
  5. Installieren Sie Chrome 62 wie gewohnt.

Öffnen Sie nach dem Starten von Chrome 62 "About Google Chrome". Chrome sucht nach Updates, fordert Sie jedoch zur Bestätigung auf.

 enter image description here

4
Holger Thurow

Es sieht so aus, als hätten sie es wegen der neuen Workspaces 2.0 entfernt (Siehe: https://developers.google.com/web/updates/2017/10/devtools-release-notes ). Sie sollten in der Lage sein, Ihren Ordner auf die Registerkarte "Quellen" zu ziehen, und die Dateien werden automatisch verknüpft.

2
ninjaneer

Vielen Dank in diesem Thread, der besagt, dass Chrom das geänderte Datum überprüft.

Das Hinzufügen zu .htaccess löste es für mich

IndexOptions SuppressLastModified

Natürlich möchten Sie nicht, dass dies in Ihren Produktionscode gelangt, da das Browser-Caching möglicherweise nicht mehr funktioniert.

1
James

Ab heute mit Chrome Version 63.0.3239.108 (Official Build) (64-Bit):

Die Funktion scheint immer noch fehlerhaft zu sein und funktioniert nicht "automatisch" oder konsistent mit dem vorherigen Verhalten. 

Wenn Sie jedoch einen Ordner hinzufügen, der die URL der Ressource wie auf der Registerkarte "Netzwerk" angibt, können Sie dies erneut tun. Wenn Sie beispielsweise auf der Registerkarte Network Navigator Folgendes haben:

http://mylocal.site/wp-content/themes/mytheme/assets/sass/partials/_header.scss

Sie müssen lediglich den gesamten Ordner wp-content/ zur Registerkarte Dateisystem hinzufügen, damit die Funktion wieder wie erwartet funktioniert.

0
yumyo

Ich habe den Cache geleert und es funktioniert jetzt.

Vorher habe ich meine CSS-Datei von meinem FTP-Client aus geöffnet und dann den enthaltenden Ordner auf die Registerkarte Quellen> Dateisystem gezogen (ohne die Namen und Strukturen des Ordners zu berücksichtigen, habe ich nur die FTP-Clients mit dem Ordner hineingezogen).

Die persistente Zuordnung funktionierte sofort, Änderungen der Chrome Dev Tools wurden auf dem Server gespeichert. Nach 30 Minuten des Fummelns und Spielens hörte es einfach auf zu funktionieren und die CSS-Ressource wurde ausgegraut. Das Dateisymbol mit dem grünen Punkt wurde nicht mehr angezeigt. 

 not working

Es war egal, was ich tun würde, es würde nicht funktionieren, aber als ich meinen Cache geleert hatte, fing es wieder an zu arbeiten.

 enter image description here  persistent mapping

0
Mau

Ich verwende auch Chrome 63.0.3239.132 (Official Build) (64-Bit) und da ich DevTools Live-Edit verwenden wollte, um einige js-Dateien zu bearbeiten, sah ich, dass die Option "Zu Dateisystemressource zuordnen" fehlt.

Nach einigen Recherchen habe ich herausgefunden, dass der Live-Schnitt in Version 63 einwandfrei funktioniert. Man muss nur:

  1. gehen Sie zu Sources und dann FileSystem 
  2. fügen Sie den Ordner mit Ihrem Code dem Arbeitsbereich hinzu

Danach wird ein kleiner grüner Punkt in der Nähe Ihrer Dateien angezeigt (dh die Synchronisierung ist abgeschlossen) und die Änderungen über DevTools können lokal beibehalten werden:

Live-edit

0
stefan p.

Der Menüpunkt "Zu Dateisystemressource zuordnen ..." fehlt. Es scheint keine Möglichkeit zu geben, Dateien zuzuordnen. Soweit ich das beurteilen kann, ist es völlig kaputt.

0

Hatte das gleiche Problem, aber als meine Quellkarten sourcesContent enthielten, wurden die Dateizuordnungen automatisch erstellt und ich konnte meine Scss live bearbeiten. Offensichtlich verwendet Chrome den Inhalt, um die richtige Datei zu finden.

node-sass --source-map-contents

Für mich stellte sich heraus, dass das Copyright-Symbol © in den Dateiköpfen vorhanden war (was fast jede Datei betraf). Mit diesem Zeichen in den Dateien weigerte sich devtool, die Dateien zuzuordnen, aber wenn es entfernt wurde, sind die Dateien in Ordnung.

0
chuckd