To jest dziwne, rozwiązywałem problemy przez 3 dni.Google Chrome usuwa style CSS dla bieżącej strony po otwarciu linku w nowej karcie lub otwarciu nowego okna.
Tylko dzieje się w Chrome Version 53.0.2785.116 m (64-bit) w systemie Windows.
Web Serwer musi posiadać zestaw nagłówka (tag nie działa w tym przypadku):
.htaccess Apache: Header set Cache-Control "no-cache" lub nginx: add_header Cache-Control no-cache;
Nie można odtworzyć go za pomocą jsfiddle lub wbudowany -w kodzie fragmentu, ponieważ plik css musi być ładowany osobno przy użyciu <link href='style.css' rel='stylesheet' type='text/css'>. (ale i tak podam fragment kodu).
Kroki do odtworzenia:
- wizyta: http://test.xmpsoft.net/
- Kliknij na link 1 (należy odświeżyć stronę);
- Kliknij łącze 2 (powinno wywołać nową kartę z tą samą stroną);
- Przejdź do oryginalnej karty i powtórz te same czynności;
- Wszystkie style CSS zniknęły z oryginalnej karty.
- Jeśli nie, powtórz te same kroki.
Przed przesłaniem go do Google proszę się upewnić, że kod nie zawiera błędów.
Dzięki.
P.S. Jest inny sposób lub odtworzenie go (dlatego wspomniałem "nowe okno" w tytule: Odwiedź tę samą stronę, załaduj ponownie, kliknij prawym przyciskiem myszy -> Sprawdź (otwiera się okno Nowe narzędzia programistyczne), przełącz się z powrotem na stronę (powtórz, jeśli nie możesz aby odtworzyć).
.menu div {
\t display: inline-block;
\t width: 15em;
\t height: 15em;
}
.red {
\t background-color: red;
}
.yellow {
\t background-color: yellow;
}
.green {
\t background-color: green;
}<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<title>Chrome bug</title>
<link href='style.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div class='menu'>
<div class='red'>Red</div>
<div class='yellow'>Yellow</div>
<div class='green'>Green</div>
</div>
<a href='/'>1. Reload this page</a><br>
<a href='/' target='_blank'>2. Open same page in new tab</a>
</body>
</html>
To zdecydowanie dziwny problem. Powodzenia! – imjared
Nie można odtworzyć problemu. Czy możesz spojrzeć na kartę sieci w narzędziach do Chrome i sprawdzić, czy załadowany jest CSS? Możesz włączyć opcję "Zachowaj dziennik". –
Błąd jest zgłaszany: https://bugs.chromium.org/p/chromium/issues/detail?id=648237&can=2&start=0&num=100&q=&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner % 20Podsumowanie% 20OS% 20Modified & groupby = & sort = Ten sam problem tutaj: https://productforums.google.com/forum/?utm_medium=email&utm_source=footer#!msg/chrome/dbPsJol-dkc/jGbryUazAgAJ –