Browser-Cache automatisch von der Website leeren lassen?

Hey,

da ich meine Website oft update mit Bildern etc. habe ich immer das Problem, dass man Strg+F5 drücken muss, damit sie clientseitig geupdatet wird, was ich aber nicht will, weswegen ich frage, wie man die Cache automatisch von der Website leeren lassen kann. Ich habe es auch schon mit

meta name="expires" content="0"

meta http-equiv="expires" content="0"

meta http-equiv="Cache-Control" content="no-cache"

versucht, jedoch funktioniert es immernoch nicht und im Internet finde ich keine Lösung dazu.

2 Antworten

GutefrageNetFun

29.04.2017, 22:56

Mit diesem Meta-Tag

<meta http-equiv="Cache-Control" content="no-cache">

kannst du dem Browser sagen, dass die Seite nicht in den Cache gehen soll.

Auch geht es mit dem Cache-Control-Header.

User16425

Fragesteller

29.04.2017, 22:58

der code befindet sich bereits in meinem header, stande eigentlich auch in meiner frage, nur gutefrage.net denkt sich, dass sie es einfach entfernen
also ich habe es schon probiert, nur funktioniert es nicht

GutefrageNetFun

29.04.2017, 23:00

@User16425

Okay, dann teste das mit dem Cache-Control-Header.

User16425

Fragesteller

29.04.2017, 23:02

@GutefrageNetFun

habe ich ja, wie jetzt auch endlich in der frage steht, es funktioniert aber eben nicht

GutefrageNetFun

29.04.2017, 23:05

@User16425

Wie hast du es denn versucht?

User16425

Fragesteller

29.04.2017, 23:07

@GutefrageNetFun

mit genau dem code, den du mir geschickt hast

GutefrageNetFun

29.04.2017, 23:08

@User16425

Falls dein Webspace PHP unterstützt, teste es mal mit folgendem PHP-Code:

header("Cache-Control: no-cache");

User16425

Fragesteller

29.04.2017, 23:14

@GutefrageNetFun

soweit ich jetzt sehe, funktioniert es jetzt

ich melde mich, falls es doch nicht funktionieren sollte, danke :)

GutefrageNetFun

29.04.2017, 23:14

@User16425

Das freut mich, super! Genau, meld' dich bitte einfach, falls weitere Fragen aufkommen sollten.

AnnaOHa

29.04.2017, 22:55

a) Caching-Header. Setz Cache-Control entsprechend.

b) häng einen Timestamp an die Bilder an, der dem Änderungsdatum der Datei entspricht.

Kollegen meinen, sie sehen einen alten Stand. Kann ich mit meinem Smartphone nicht nachvollziehen.

Wird vielleicht

<meta http-equiv="Expires" content="0">

ignoriert oder ist der head-Eintrag veraltet?

Auf dem Laptop erzwinge ich das Neuladen mit [Strg][F5], wie bei smarten Phonen?

...zur Frage

Wie kann ich eine Seite ab einer Uhrzeit aktualisieren?

wie kann ich eine Seite ab einer bestimmten Uhrzeit aktualisieren, das heißt z.B das ab 8:00 Uhr die Website sich jede 10 Minuten aktualisiert. Bisher weiß ich nur den Code.

<meta http-equiv="refresh" content="600">

...zur Frage

Was bedeutet dieser HTML-Code?

Also beim Grundgerüst sind irgendwie immer die folgenden Zeilen Code da. Aber was bedeuten sie überhaupt? Ich lösche die immer.

Bitte nur Antworten von Leuten, die auch wissen, was HTML ist.

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial scale=1.0">

...zur Frage

Ist <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> veraltet/ nicht mehr unterstützt?

Habe bei einer bereits sehr alten Website das Problem, dass diese beim Laden in einer "Refresh-Schleife" landet die nicht aufhört. In der Konsole wird folgender Fehler ausgegeben:

"Die Zeichenkodierungs-Deklaration des HTML-Dokuments wurde beim Vorverarbeiten der ersten 1024 Zeichen der Datei nicht gefunden. Bei der Ansicht in einem anders konfigurierten Browser wird diese Seite automatisch neu geladen. Die Kodierungs-Deklaration muss in die ersten 1024 Zeichen der Datei verschoben werden."

Die Kodierungsdeklaration ist aber eigentlich vorhanden in Form dieses Tags:

Ist diese Form der Zeichenkodierungs-Deklaration also nicht mehr unterstützt?

...zur Frage

Vorschaubild für Link bei WhatsApp?

Welche Angaben muss ich im HTML-Head setzen, damit ich ein Vorschaubild beim senden eines Links erhalte?

Mein HTML-Head:

<head>
    <title>Webseitentitel</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="description" content="Webseiten Beschreibung" />
    <meta name="author" content="Max Mustermann" />
    <meta name="keywords" content="Schlüsselwort, noch ein Schlüsselwort, ..." />
    <meta property="og:title" content="Webseitentitel" />
    <meta property="og:description" content="Webseiten Beschreibung">
    <meta property="og:url" content="https://www.domain.de/" />
    <meta property="og:image" content="http://domain.de/images/logo.png" />
    <meta property="og:image:secure_url" content="https://domain.de/images/logo.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="325" />
    <meta property="og:image:height" content="325" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="de_DE" />
    <link rel="icon" href="images/logo.png" type="image/png">
    <link rel="shortcut icon" href="images/logo.png" type="image/png">
    <link rel="icon" href="images/logo.png" sizes="32x32" />
    <link rel="icon" href="images/logo.png" sizes="192x192" />
    <link rel="apple-touch-icon-precomposed" href="images/logo.png" />
    <meta name="msapplication-TileImage" content="images/logo.png" />
    <link rel="apple-touch-icon" href="images/logo.png">
    <link rel="stylesheet" type="text/css" href="styles/style.css">
    <link rel='shortlink' href='https://domain.de/' />
    <link rel="canonical" href="https://domain.de/" />
    <script src="https://kit.fontawesome.com/secret_key.js"></script>
</head>

Laut diesem Post bin ich vorgegangen...

https://stackoverflow.com/questions/19778620/provide-an-image-for-whatsapp-link-sharing

...ich habe mir auch die Infos von https://ogp.me/ angeschaut.

Ich komme einfach nicht weiter :(

HILFEEEEEEEEE....

...zur Frage

Website mit live Daten durch PHP / JavaScript?

Hallo! Ich würde gerne Daten, welche sich alle 0.1 Sekunden ändern, auf einer Website anzeigen, die sich selbst aktualisiert und so immer genau den neusten Datensatz anzeigt.

Im Internet habe ich bereits folgendes für HTML gefunden:

<meta http-equiv="refresh" content="0.1">

Dies aktualisiert die Website alle 0.1 Sekunden, dadurch braucht der Browser aber natürlich auch mehr Power, ist generell Langsamer und muss jedes mal die Seite vollständig neu laden. Die Daten sind simpel in einer Textdatei gespeichert, werden mit PHP abgefragt und anschließend mit einem echo-statement an HTML weitergegeben.

Gibt es eine elegantere Möglichkeit, die Daten anzuzeigen, ohne das der Nutzer den Browser selbst aktualisieren und die ganze Seite neu geladen werden muss?

...zur Frage

Umlaute auf HTML Webseite werden nicht richtig angezeigt?

Bei einer Webseite die ich schon vor längerem programmiert habe, werden plötzlich die Umlaute nicht mehr richtig angezeigt. Sowohl bei Firefox als auch bei Internet Explorer, und das nicht nur auf meinem Laptop, auch andere Besucher berichteten davon.

Habe im Internet recherchiert und habe dann folgenden META Tag hinzugefügt:

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

plus eine .htaccess erstellt mit dem charset:

AddDefaultCharset iso-8859-1

hat nicht funktioniert. Habe denn einfach das "iso-8859-1" mit "utf-8" ersetzt, hat jedoch auch nicht geklappt. hat jemand eine Idee?

...zur Frage

Css datei not found 404?

Hey,

ich bin gerade dabei eine kleine Webseite mit PHP zu erstellen (MNit Xampp und visual studio code). Ich habe meine Webseite in mehreren Dateien aufgeteilt, damit ich einen besseren Übersicht habe aber leider ist ein Fehler aufgetreten. Die css Dateien werden nicht geladen. Ich weiß nicht , woran es liegt denn die Pfaden zu den Dateien stimmen alle aber sie werden trotzdem nicht gefunden bzw. geladen und ausgeführt. Also die Seite ist dann nicht gestylt.

----------------header.php-----------------------------
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/index.css">
    <title>Own Website</title>
</head>
<body>
    <header class="header">
        <div class="logo">
            <h2>Mode</h2>
        </div>
        <ul class="menu">
            <li class="items"><a href="#" class="links">Home</a></li>
            <li class="items"><a href="#" class="links">About</a></li>
            <li class="items"><a href="#" class="links">Service</a></li>
            <li class="items"><a href="#" class="links">Login</a></li>
        </ul>
    </header>
</body>
</html>

------------------------index.php-------------------
<?php include("./templates/header.php"); ?

---------------header.css--------------------

* {
    margin: 0;
    padding: 0;
}




body {

    background-color: #212121;

}

Meine Ordner Struktur

Die Fehlermeldung:

Diese Fehlermeldung bekomme ich, wenn ich mir den Seitenquelltext anschauen möchte und dann die css Datei aufmachen will. Die wird nicht gefunden.

Ich hoffe, dass ich das Problem halbwaches erklären konnte.

Danke im Voraus

...zur Frage

DE Sonderzeichen Fehler in HTML?

Hi,

ich sitze momentan an einer Datei, um ein paar Dinge auszuprobieren. Ich habe die Meta-Tags wie gewohnt aus einer anderen (funktionierenden) Datei kopiert.

Nun werden allerdings ausschließlich in meiner Datei die Umlaute wie Ä,Ö,Ü und ß mit

"�"

angezeigt. Auch das rein-kopieren Tags aus anderen Dateien, oder das entfernen des Stylesheets hat nix geändert. Kurzzeitig hatte ich auch den Meta-Tag:

mit reingenommen, allerdings ohne Erfolg oder Veränderungen. Auch das Debugging von W3C hat nix auffälliges gefunden:

Für alle helfenden Hände großes Danke!

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="example, html, head, meta">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="formate.css">
    <title>Das Box-Modell</title>
  </head>


<body>
  <header>
      
    <div class="flex">
     <img src="bilder/logo.svg" alt="logo">
    </div>
    
     <h1>Wilkommen auf der Test-Seite!</h1>
     <nav>
              <a href="#link_1.html">Blog</a>
              <a href="#link_1.html">Unterseite 1</a>
              <a href="#link_1.html">Unterseite 2</a>
              <a href="#link_1.html">Kontakt</a>
     </nav>
          
    </header>
      
      <main>
          
          <h2>ÜÜÜCCS-basierte Layouts <br><br />HTML-Struktur ohne CSS</h2>         
          
      </main>
    
    
    
    <footer>
     <a href="kontakt.html">Kontakt</a>
     <p>&copy; 2024 by GTA1A</p>
    </footer>


</body>
</html>

...zur Frage

Bild aus einem Input mit Javascript anzeigen?

Ich würde gerne, dass man eine Datei hochlädt und mit einem Button dann auf der Seite anzeigen lassen kann. Ich habe schon etwas rum probiert und es kommt immer nur " [object HTMLImageElement] " raus.

Mein Code ist dieser:

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

        function anzeigen() {

            let bild = new Image();
            bild.src = document.getElementById("input");

            document.getElementById("bild").innerHTML = bild;

        }


    </script>
</head>
<body>
    <input type="file" accept="image/png, image/jpg" id="input">
    <input type="button" onclick="anzeigen();">
    <div id="bild">



    </div>
</body>
</html>

Das hochladen von Dateien funktioniert perfekt. Nur wird das Bild nicht angezeigt.

(Bin Anfänger)

Danke für eure Hilfe^^

...zur Frage

Abstand nach oben entfernen <CSS>?

Hallo,

ich möchte den Abstand oben entfernen. Es funktioniert einfach nicht, egal was ich mache.

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Index</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<div class="box">
    <H1>Willkommen auf meiner Webseite</H1>
</div>
    <script>
        function myFunction() {
           var element = document.body;
           element.classList.toggle("dark-mode");
        }
        </script>
        <button onclick="myFunction()">Toggle dark mode</button>
</body>
</html>

CSS:

body {
  padding: 0%;
  margin: 0%;
  background-color: white;
  color: black;
  font-size: 25px;
  width: 100%;
  height: 100%;
  
}
.dark-mode {
  background-color: black;
  color: white;
}
.box{
  justify-content: center;
  padding: 0%;
  margin: 0%;
  padding-top: 0%;
  margin-top: 0%;
  background-repeat: no-repeat;
  width: 100%;
  height: 6cm;
  background-image: url(img/web-1012467_1920\ \(1\).jpg);
}

Das wäre der Code, ich hoffe irgendwer kann mir helfen.

So sieht es aus:

Danke im voraus.

...zur Frage

Tabelle nach SQL-Eintrag aktualisieren?

Hallo!

Ich habe mir ein Tool gebaut, welches Namen von einem SQL-Server holt und anzeigt. Das ganze habe ich schon verwendet, aber dann habe ich mir gedacht, dass es besser wäre wenn ich die Namen auch anhaken könnte. Das hab ich so programmiert aber dann ist mir etwas aufgefallen. Um die Daten aus dem SQL-Server zu aktualisieren habe ich folgendes verwendet:

<meta http-equiv="refresh" content="30">

Dadurch werden die Häkchen jetzt immer wieder gelöscht. Wie könnte man dieses Problem lösen?

...zur Frage

HTML Text verschieben?

Ich möchte den text horizontal mittig haben justify-content und align-items gehen beide nicht


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        .WelcomeTitle {
           display: flex;
           flex-direction: column;
          
            text-align: center;
            align-items: center;
            font-family: sans-serif;
        }
    </style>
    <h1 class="WelcomeTitle">Hier kommt ein Titel
        <br>
        hin der Lang ist!</h1>
</body>
</html>

...zur Frage

refresh funktion einbauen?

wie kan ich eine refresh funtion bei einer if funtion einbauen?

Hier soll zum Beispiel anstatt document.get.. die refresh funton stehen.

<meta http-equiv="refresh" content="600">


if (myHour >= 15 && myHour < 16 && myMinutes >= 0 &&myMinutes < 10 ) {
      document.getElementById("contMinutes").innerHTML = '<img src="0074.png" alt="xxx" />';

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen