diff --git a/frontend/src/ts/ready.ts b/frontend/src/ts/ready.ts
index 2a9c7b2c2..a039579c0 100644
--- a/frontend/src/ts/ready.ts
+++ b/frontend/src/ts/ready.ts
@@ -9,6 +9,7 @@ import * as NewVersionNotification from "./elements/version-check";
import * as Notifications from "./elements/notifications";
import * as Focus from "./test/focus";
import * as CookiePopup from "./popups/cookie-popup";
+import { CLIENT_VERSION } from "./version";
ManualRestart.set();
UpdateConfig.loadFromLocalStorage();
@@ -22,6 +23,20 @@ if (window.location.hostname === "localhost") {
});
}
+$("#nocss .requestedStylesheets").html(
+ "Requested stylesheets:
" +
+ (
+ [
+ ...document.querySelectorAll("link[rel=stylesheet"),
+ ] as HTMLAnchorElement[]
+ )
+ .map((l) => l.href)
+ .filter((l) => /\/css\//gi.test(l))
+ .join("
") +
+ "
Client version:
" +
+ CLIENT_VERSION
+);
+
Focus.set(true, true);
RouteController.handleInitialPageClasses(window.location.pathname);
$(document).ready(() => {
diff --git a/frontend/static/html/warnings.html b/frontend/static/html/warnings.html
index f828141dc..3a59def0f 100644
--- a/frontend/static/html/warnings.html
+++ b/frontend/static/html/warnings.html
@@ -66,16 +66,16 @@
>
:(
- It seems like the CSS failed to load. Please clear your cache to
- redownload the styles. If that doesn't help contact support.
+ It seems like the CSS failed to load. Please try refreshing or clearing
+ your cache to redownload the styles. If that doesn't help contact support.
(jack@monkeytype.com or discord.gg/monkeytype)
(ctrl/cmd + shift + r on Chromium browsers)
-
+
+ If the website works for a bit but then this screen comes back, clear your
+ cache again and then on Monkeytype open the command line (esc) and search
+ for "Clear SW cache".
+