In Chrome für den Desktop habe ich Optionen in den Entwicklertools, um den Cache vollständig zu deaktivieren, wenn Entwicklertools geöffnet werden, und ich habe die Optionen, ein hartes Neuladen manuell durchzuführen, wenn Sie lange auf die Schaltfläche zum Neuladen klicken (bei geöffneten Entwicklertools).
Gibt es eine solche Technik für Chrome für Android? Ich habe keine Einstellung gefunden. Was kann ich tun, wenn ich den Browser zwingen möchte, eine Javascript- oder CSS-Datei herunterzuladen, anstatt bei der Entwicklung eine zwischengespeicherte Datei zu verwenden?
Antworten:
Ich verwende
window.location.reload(true)
laut MDN (und dieser ähnlichen Frage) die Seite zum Neuladen vom Server.Sie können diesen Code im Browser ausführen, indem Sie
javascript:location.reload(true)
in die Adressleiste eingeben .quelle
javascript:
.window.
Teile zu vermeiden .javascript:location.reload(true)
sollte den Trick machen.Wenn Sie die Seite im Inkognito-Modus anzeigen, wird der Cache deaktiviert. Nur so konnte ich eine Aktualisierung eines Stylesheets erzwingen, ohne den Cache manuell über die Einstellungen zu leeren.
quelle
Auch eine Option:
und laden Sie dann die Seite neu.
quelle
Clear Browsing Data
, wo Sieclear cache
mit dem Kontrollkästchen aktivieren können.Sie können die Option Desktop-Site anfordern im App-Menü (rechts neben der Adressleiste) verwenden, um das Neuladen der Seite zu erzwingen.
Tippen Sie einfach darauf, warten Sie auf die Aktualisierung und deaktivieren Sie sie dann.
quelle
localStorage
Werte) nicht zerstört wurden .Erwähnen Sie dies, weil Sie "bei der Entwicklung" erwähnt haben.
Sie können das mobile Gerät über Ihren Chrome Desktop Browser steuern.
Besuchen Sie
chrome://inspect/#devices
auf Ihrem Desktop. UndInspect
das Gerät, das mit Ihrem Desktop verbunden ist. Stimmen Sie zu, wenn Sie um Erlaubnis gebeten werden.Sie sollten jetzt ein vollwertiges Devtool-Fenster für die aktuelle Seite auf dem Mobilgerät sehen.
Verwenden Sie jetzt die Verknüpfung zum harten Neuladen (Cmd + Umschalt + R) auf dem Desktop, um das harte Neuladen auf Mobilgeräten durchzuführen!
quelle
Vergessen Sie nicht, sicherzustellen, dass die Einstellung "Datennutzung reduzieren" deaktiviert ist, da zwischengespeicherte Daten (von Google-Servern?) Heruntergeladen zu werden scheinen, obwohl Ihr lokaler Cache geleert ist.
quelle
So setzen Sie alle Daten für eine bestimmte URL / Website auf Chrome Mobile für Android zurück:
1 - Öffnen Sie das Chrome-Menü und tippen Sie auf das Symbol "i (info)"
2 - Tippen Sie auf "Site-Einstellungen".
3 - Tippen Sie auf das Papierkorbsymbol
Das war's, selbst der am tiefsten verwurzelte Servicemitarbeiter für diese URL wird jetzt sterben.
quelle
Ich weiß, dass dies eine alte Frage ist, aber ich habe festgestellt, dass die akzeptierte Antwort bei mir nicht funktioniert hat.
Eine alternative Lösung wäre die URL mit einem neuen URL - Parameter wie anhängen
website.com?a=1
,website.com?a=2
usw.Wenn Sie bereits Parameter haben, würden Sie natürlich ein kaufmännisches Und verwenden, dh
website.com?q=test&a=1
quelle
?a
ist ausreichend, wenn Sie nur einmal neu laden möchten.?a
- natürlich, es sei denn, Sie sind der Site-Host.Ab 2018 von der Google-Hilfe (getestet auf Chrome 63):
Wie in einer anderen Antwort erwähnt, sind Inkognito-Tabs auch für die Entwicklung von großem Nutzen.
quelle
Ich habe eine Lösung gefunden, die funktioniert, aber hässlich ist.
Klicken Sie auf das Dreipunktmenü und wählen Sie "Remote-Geräte" im Menü "Weitere Tools":
Wählen Sie im daraufhin angezeigten Fenster Ihr Gerät und dann die Schaltfläche "Überprüfen" neben dem Namen der Registerkarte auf Ihrem Telefon aus, die aktualisiert werden muss:
Klicken Sie im folgenden Fenster auf die Registerkarte "Netzwerk" und aktivieren Sie das Kontrollkästchen "Cache deaktivieren":
Laden Sie die Seite auf Ihrem Telefon neu oder verwenden Sie die Schaltfläche zum erneuten Laden im DevTools-Fenster.
quelle
Mit Remote Debugging können Sie die Desktop-Entwicklungstools verwenden:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
quelle
Aktuelle Versionen des Chrome-Cache sehr aggressiv. Sogar Cache-Busting-Techniken wie " http: // url? Updated = datecode " funktionierten nicht mehr. Sie müssen den Cache jedes Mal leeren oder ein Inkognito-Fenster öffnen (und sicherstellen, dass der Datenspeicher deaktiviert ist).
quelle
Der einzige zuverlässige Weg, den ich gefunden habe, bei dem das Telefon nicht an einen PC angeschlossen werden muss, ist folgender:
1. Erzwingen Sie das Stoppen der Chrome-App.
Dies muss zuerst erfolgen. Sie können Chrome erst wieder öffnen, wenn Sie diese Schritte ausgeführt haben. Es gibt verschiedene Möglichkeiten, das Anhalten zu erzwingen. Bei den meisten Heimwerfern können Sie zu "App-Informationen" gelangen, indem Sie den Finger auf das Chrome-Symbol halten und ein "i" -Symbol auswählen. Alternativ können Sie möglicherweise zu den Android-Einstellungen gehen und einfach nach "Chrome" suchen.
Wählen Sie in "App-Info" "Stopp erzwingen" wie unten gezeigt:
2. Leeren Sie den Chrome-Cache
Wählen Sie im selben Bildschirm "Speicher":
Wählen Sie abschließend "Cache löschen".
Wenn Sie zur Chrome-App zurückkehren, sollte sich die Seite neu laden und eine nicht zwischengespeicherte Version bereitstellen.
Außerdem habe ich eine Website gefunden, mit der Sie leicht testen können, ob Sie Ihren Cache geleert haben: https://refreshyourcache.com/de/cache-test/
Ich bin in keiner Weise damit verbunden. Beachten Sie, dass die auf dieser Site erwähnte Methode zum Löschen des Caches tatsächlich veraltet und nicht mehr gültig ist.
quelle
BEARBEITEN: Diese Methode ist in Google Chrome veraltet und funktioniert nicht mehr.
URSPRÜNGLICHE ANTWORT:
Ich konnte den Cache (einschließlich des nachfolgenden xhr) mit chrome: // net-internals leeren
Klicken Sie dann oben rechts auf den kleinen Pfeil
Wählen Sie "Cache löschen" aus diesem Menü.
quelle
Hier ist eine weitere einfache Lösung , die möglicherweise funktioniert, wenn andere fehlschlagen:
Heute hat eine ziemlich einfache entwicklerseitige Lösung für mich funktioniert, als das Caching-Problem eine zwischengespeicherte CSS-Datei war. Kurz gesagt: Erstellen Sie eine temporäre HTML-Dateikopie und navigieren Sie zu dieser, um den CSS-Cache zu aktualisieren.
Dieser Trick kann die CSS-Datei aktualisieren, zumindest im Standardbrowser mit dem blauen Globus von Android (aber wahrscheinlich auch in seinem Zwilling, dem offiziellen Chrome-Browser und allen anderen Browsern, die wir auf "intelligenten" Telefonen mit ihrem Trend zum aggressiven Caching antreffen ).
Einzelheiten:
Zuerst habe ich einige der ziemlich einfachen Lösungen ausprobiert, die hier geteilt wurden, aber ohne Erfolg (zum Beispiel das Löschen der jüngsten Geschichte der spezifischen Site, aber nicht Monate und Monate davon). Mein neuestes CSS würde jedoch bei der Aktualisierung nicht angewendet. Und das, obwohl ich bereits den Versionsnummer-Trick im CSS-Dateiaufruf im Kopfbereich des HTML-Codes verwendet hatte, der mir in der Vergangenheit geholfen hatte, diese lästigen aggressiven Cachings zu vermeiden. (Beispiel: link rel = "stylesheet" href = "style.css? v = 001", wobei Sie diese Pseudo-Versionsnummer jedes Mal aktualisieren, wenn Sie eine Änderung an einer CSS-Datei vornehmen, z. B. 001, 002, 003, 004 ... (sollte in jeder HTML-Datei der Site erfolgen)
Dieses Mal (August 2019) reichte die Aktualisierung der Versionsnummer der CSS-Datei nicht mehr aus, und einige der hier genannten einfacheren Maßnahmen funktionierten für mich nicht, oder ich konnte nicht einmal auf einige davon zugreifen (auf einem geliehenen Android-Telefon).
Am Ende habe ich etwas relativ Einfaches ausprobiert, das das Problem endlich gelöst hat:
Ich habe eine Kopie der index.html-Datei der Site mit einem anderen Namen (indexcopy.html) erstellt, sie hochgeladen, auf dem Android-Gerät darauf zugegriffen, dann zur ursprünglichen Seite zurückgekehrt und sie aktualisiert (mit der Schaltfläche zum Aktualisieren links von) die Adressleiste) und voilà: Diesmal hat die Aktualisierung von index.html endlich funktioniert.
Erläuterung: Die neueste CSS-Dateiversion wurde jetzt beim Aktualisieren der betreffenden HTML-Seite endlich auf Android angewendet, da die zwischengespeicherte Kopie der CSS-Datei jetzt aktualisiert wurde, als die CSS-Datei von einer temporären HTML-Seite mit einem anderen Namen aufgerufen wurde, die nirgendwo vorhanden war im Browserverlauf und dass ich danach wieder löschen könnte. Das aggressive Caching ignorierte anscheinend die CSS-URL und ging stattdessen zur HTML-URL über, obwohl es die CSS-Datei war, die im Cache aktualisiert werden musste.
quelle
Wenn es sich nur um eingeschlossene Dateien handelt, fügen Sie einfach die Version nach dem Pfad hinzu (
?v=12345678
)Wer die Seite erneut lädt, sieht Änderungen.
quelle