Resetowanie CSS

pytanie zadane 11 grudnia 2016 w HTML i CSS przez Badiusz Obywatel (1,070 p.)

Witajcie, problem polega na tym, że po aktualizacji strony internetowej, nowe linijki kodu css, które dodałem nie zostają odczytane przez przeglądarkę osób, które wcześniej odwiedziły stronę, w ich przeglądarkach nadal siedzi stary plik css. Wiem, że można to naprawić poprzez wyczyszczenie cashe przeglądarki lub telefonu, lub odpalenie strony na innej przeglądarce. Można jakoś zmusić przeglądarkę do resetowania css przy każdym włączaniu strony? Próbowałem, usuwać css zupełnie z serwera na 10 min, ale działało to tylko u mnie. U innych strona nadal nie jest wystylizowana.

1	komentarz 12 grudnia 2016 przez Pietrak Pasjonat (18,850 p.) Musisz dodac wersję w nazwie pliku. Np. app.css?v=1. Gulp moze robić to automatycznie.

komentarz 12 grudnia 2016 przez Badiusz Obywatel (1,070 p.)

Nie za bardzo rozumiem o co chodzi. Mam plik "style.css", i co dalej mam z nim zrobić, aby przeglądarka użytkownika pobierała najnowszy plik css z serwera oraz abym nie musiał wszędzie zmieniać nazwy w podstronach html. Po prostu np. "style.css?v=1.01" ?

komentarz 12 grudnia 2016 przez Badiusz Obywatel (1,070 p.)

Dobra, to może zapytam się tak. Jak Wy sobie radzicie z przestarzałym plikiem css, który nadal siedzi w cashe przeglądarki użytkownika? Jakieś najprostsze sposoby na to, aby przeglądarka pobrała najnowszy css z serwera?

1	komentarz 12 grudnia 2016 przez Pietrak Pasjonat (18,850 p.) Dokładnie tak jak powiedzialeś, lecz używam freamworków, które najnowszą wersję wczytają automatycznie w php.

komentarz 12 grudnia 2016 przez Badiusz Obywatel (1,070 p.)

Gdy chcę zmienić nazwę "style.css" prawoklikiem i zmień nazwę na "style.css?v=1.1", wyskakuje komunikat, że nazwa pliku nie może zawierać takich znaków jak "? <>:/\" Da się to obejść nie używając "?" wraz z php i innymi takimi rzeczami? Lub jakby ktoś podesłał dobry poradnik krok po kroku. Zrobiłem stronę, ale z takimi rzeczami pierwszy raz się spotykam. Poczytałem w internecie, ale większość to rozwiązania typu php i javascript. Nie ma łatwiejszego rozwiązania?

komentarz 12 grudnia 2016 przez Pietrak Pasjonat (18,850 p.)

Nie zmieniasz samej nazwy pliku na dysku, lecz adres w head strony do stylu. Chodzi o to, że przeglądarka potraktuje to jako nowy styl i wczyta go.

W google szukaj pod css versioning np. https://css-tricks.com/strategies-for-cache-busting-css/

komentarz 13 grudnia 2016 przez Badiusz Obywatel (1,070 p.)

Aaa w takowy sposób... Wystarczy, że zmienię w index.html i gdy użytkownik wejdzie na stronę główną to od razu style.css podmieni się na nowszą wersję, dobrze rozumiem? I będzie działać na pozostałych podstronach. Dzięki za wyjaśnienie.

2	komentarz 13 grudnia 2016 przez Pietrak Pasjonat (18,850 p.) Dokładnie tak to powinno działać, lecz weź pod uwagę, że użytkownik wcale nie musi znaleźć się w index.html

komentarz 13 grudnia 2016 przez Badiusz Obywatel (1,070 p.)

Niestety dla mnie ten sposób nie działa. Co prawda na stronie głównej (index.html) nowy arkusz styli css się pojawił i miał w sobie nowo dodane linijki kodu, ale po przejściu na podstronę, gdzie owe linijki kodu powinny działać, nadal siedział stary plik css, czyli po wejściu na stronę główną css podmienił się na nowszą wersję, ale nie został tam na stałe, gdy wszedłem w podstronę. Chyba będę musiał zrobić na każdej podstronie dynamicznie zmienianą nazwę arkusza styli. W osobnym pliku zrobić zmienną z nazwą arkusza, który będzie podmieniany a następnie na podstronach gdzie musiałaby być nazwa css, wstawić tą zmienną? Mogę liczyć na poradę jak początkujący html'owiec może sobie z tym poradzić i w jakim języku to napisać?

1	komentarz 13 grudnia 2016 przez Pietrak Pasjonat (18,850 p.) Php? Widocznie styl.css i styl.css?v=1 to inne style do przeglądarki i nie działa. Musisz na każdej podstronie wpisac wersje.

komentarz 13 grudnia 2016 przez Badiusz Obywatel (1,070 p.)

Na to wygląda, a było by tak pięknie. Teraz właśnie przetestowałem na xammpie jak chodzi php. Fajne rozwiązanie. Jutro będę sprawdzał na serwerze. Zrobiłem plik notatnika a w nim nazwę aktualnej wersji style.css. W kodzie html w miejsce style.css wpisałem prostą linijkę z include(style.txt). Wygląda na to, że jeśli dobrze myślę i zadziała na serwerze to będę musiał tylko zmieniać plik style.txt a php zrobi za mnie wszystko :). Dziękuję za pomoc. Teraz czeka mnie zmiana wszystkich podstron na .php a trochę ich jest.