Miejsca robocze Chrome z zasobami odcisków palców

Question

Chrome workspaces: załóżmy, że mapuję lokalne pliki CSS na te obsługiwane przez mój lokalny serwer http. Wszystko działa świetnie i mogę modyfikować pliki w przeglądarce, a po odświeżeniu strony moje zmiany będą się utrzymywać.

Mamy odciski palców naszych zasobów, dzięki czemu są one przywoływane za pomocą adresów URL, takich jak styles.css?longuniquehash. Świetna praktyka - w ten sposób możemy użyć agresywnego buforowania i upewnić się, że klient użyje najnowszych zasobów.

To jednak powoduje niewielkie problemy z obszarami roboczymi, ponieważ mapowania są tracone za każdym razem, gdy adres URL jest aktualizowany. W skrócie: mapujemy styles.css?123 do lokalnego zasobu, zmieniamy go, a na odświeżeniu strony wraca on jako styles.css?234, który trzeba ponownie zmapować.

Używamy cassette, ale problem może zostać odtworzony przy każdej instalacji z odciskiem palca. Czy jest jakieś ustawienie lub obejście, którego mi brakuje?

Answer 1

Zakładam, że nie rozwijasz się na swoim serwerze na żywo (a jeśli to zrobisz, zatrzymaj się i rozwijaj na komputerze lokalnym lub przynajmniej na serwerze testowym), aby aktywować "pomijacz pamięci podręcznej" tylko w środowisku na żywo. Zawsze mamy szybki sposób sprawdzenia środowiska, w którym pracujemy we wszystkich naszych projektach, więc po prostu sprawdź przed dodaniem zapytania "? 123". I ty nie co do rozwiązania tego problemu w kodzie można również dodać to w twoich htacces (jeśli używasz apache)

SetEnvIf Host 'local.domain.com' runenv=local 

RewriteCond %{ENV:runenv} ^local$ 
RewriteCond %{REQUEST_URI} .*\.css 
RewriteCond %{QUERY_STRING} !^$ 
RewriteRule ^(.*)$ /$1? [R=301,L] 

Answer 2

Według chromu, wsparcie dla URL mapowania z params query (tj style.css?123) została tylko częściowo do Chrome 49 - gdzie został całkowicie usunięty.

Jeśli nie można ręcznie usunąć params z kodu, tymczasowe obejście polega na usunięciu parametru ?123 z arkusza stylów w inspektorze Chrome po wczytaniu strony. Wtedy mapowanie obszaru roboczego i automatyczne odświeżanie powinny działać poprawnie do momentu ponownego załadowania strony.

Można gwiazda i śledzić ten problem tutaj: bugs.chromium.org