Reload CSS auf Seite

CSS und andere hilfreiche Anweisungen
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Reload CSS auf Seite

Ungelesener Beitrag von Tommy Herrmann »

... wahrscheinlich eine Frage an unseren Klaus :)

Ich hatte gerade das hier gefunden:

https://stackoverflow.com/questions/202 ... g-the-page

Das sollte die CSS-Dateien auf einer Seite neu laden - ohne dabei diese Seite selbst neu zu laden:

Code: Alles auswählen

<!-- Reload CSS -->
<script>
    function reloadCss()
    {
        var links = document.getElementsByTagName("link");
        for (var cl in links)
        {
            var link = links[cl];
            if (link.rel === "stylesheet")
                link.href += "";
        }
    }
</script>
Button:

Code: Alles auswählen

<div class="mbr-section-btn align-center" mbr-buttons mbr-theme-style="display-4" data-toolbar="-mbrBtnMove">
<a class="btn btn-primary" href="javascript: void();" onclick="reloadCss()" data-app-placeholder="Type Text">Reload CSS auf dieser Seite</a>
</div>

Dann hier mal getestet:

Code: Alles auswählen

https://www.mobirise-tutorials.com/Testseiten/Testseite-Blank/#reload-css
... gelöscht


Wie teste ich denn das am besten, ob es nun auch tatsächlich funktioniert :confused: :D

Da passiert meiner Meinung nach gar nichts - oder habe ich da noch was am Skript oder Button falsch :eek:

... irgendwie wäre auch nach dem Klick noch eine "Alert" oder ein Hinweis nicht schlecht.
Klaus
Supporter
Supporter
Beiträge: 440
Registriert: Mi 21. Jul 2021, 00:43

Re: Reload CSS auf Seite

Ungelesener Beitrag von Klaus »

Ich wüsste jetzt nicht dass das was macht (bin aber da auch nicht der "Profi").
Dazu müsste man vermutlich mehr machen als nix ("") anfügen.
D.h. ein

Code: Alles auswählen

link.href = link.href + "?" + new Date().getTime();
würde da ein holen der CSS über Netz auslösen falls das das gewünschte Verhalten ist.
... dann musst Du aber auch wieder eine Logik einbauen ... weil wenn jemand 2 mal draufklickt wird das immer wieder angefügt ... KA was Du damit so richtig erreichen willst.
Wer tauscht schon ne CSS so aus?

Ach ja auf Deiner Seite sind natürlich wieder 1000+ andere Sachen drauf wie willst Du da sauber was sehen, irgendwo muss auch eine Klammer falsch sein, zumidnest zeigt das die Console an.
KLA1.JPG
Hab das Skript mal schnell in eine Leere HTML Seite rein und n einfach CSS dazu:
Nein, es wird nix übers Netz geholt wenn man auf den Button klickt.
RL1.JPG
... wenn ich das mit dem ? und dem Time mache dann holt er so wie vermutet:
RL2.JPG
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Reload CSS auf Seite

Ungelesener Beitrag von Tommy Herrmann »

Danke Klaus,

da hatte der Claus mit "C" (Agentur28) nach gefragt und ich hatte das dann gefunden.

Seine Kunden begreifen nicht, dass man den Browser-Cache löschen sollte um eine aktuelle CSS zu sehen. Deswegen hatte er die Idee mit so einem Button.

Ist unwichtig - lass uns das vergessen.

... nee - dass nix passiert - hatte ich auch schon festgestellt - aber sah sehr wichtig aus :D

Ich lösche das jetzt wieder ...
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 6 Gäste