Προς το περιεχόμενο
  • Εγγραφή
  • 0

Πρόβλημα με jQuery στο mobile browser - Παίζει κανονικά σε Desktop - ΜΑΛΛΟΝ cachάρει τη JS


mountzou

Ερώτηση

Καλησπέρα.

Αντιμετωπίζω ένα πρόβλημα με την jQuery σε κινητά [ το έχω τεστάρει σε Chrome + Safari σε iOS ] όπου κάθε φορά που κάνω update στον κώδικα της jQuery και περνάω το νέο αρχείο .js στον server ΔΕΝ ΑΛΛΑΖΕΙ ΤΙΠΟΤΑ.

Πιο συγκεκριμένα, έχω ένα <p> element όπου του βάζω τιμή αφού εκτελέσω κάποιο κώδικα στη JavaScript, όμως κάθε φορά που πειράζω το κώδικα αυτό, στο frontEnd δε φαίνεται καμία αλλαγή.

Έψαξα λίγο στο stackOverflow, αλλά δε λειτούργησε τίποτα από όσα πρότειναν. Γενικά, ο κώδικας είναι HTML+JS μόνο, δηλαδή ούτε κάποιο CMS ούτε κάποιο framework χρησιμοποιώ, πέρα από jQuery.

Μου φαίνεται ότι cachάρει ο browser τα αρχείο .js επειδή το πρόβλημα λύνεται αν καθαρίσω ιστορικό + cache στον browser, ωστόσο δεν είναι λογικό σε κάθε update που κάνω να πηγαίνω να σβήνω το ιστορικό.

Καμία ιδέα ΑΝ μπορεί να επιλυθεί με κώδικα ή κάποιο configuration για να μη μου cachάρει τη JS ή κάτι άλλο που ίσως φταίει ;

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες

6 απαντήσεις σε αυτή την ερώτηση

Προτεινόμενες αναρτήσεις

  • 0
Δημοσ. (επεξεργασμένο)

Είναι φυσιολογική η συμπεριφορά του browser. Δε χρειαζεται να σβήνεις το ιστορικό. Μετά από κάθε αλλαγή που κανεις, ανοίγεις νέα καρτέλα "ανώνυμης περιήγησης" (Incognito mode), και βλέπεις τις αλλαγές σου.

Επεξ/σία από vagos405
  • Thanks 1
Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
7 ώρες πριν, vagos405 είπε

Είναι φυσιολογική η συμπεριφορά του browser. Δε χρειαζεται να σβήνεις το ιστορικό. Μετά από κάθε αλλαγή που κανεις, ανοίγεις νέα καρτέλα "ανώνυμης περιήγησης" (Incognito mode), και βλέπεις τις αλλαγές σου.

Έχεις εμπειρία μετά από πόσο καιρό ξεcachάρεται ; Οκ, cool, με ανώνυμη περιήγηση όλα παίζουν μια χαρά !

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

Μια λύση είναι να βάζεις ένα version number (filename.js?<version_number>) όπου καλείς το αρχείο σου πχ:
<script type="text/javascript" src=" testfile.js?01102021"></script> (01102021 = 01-10-2021 σημερινή ημερομηνία) ή ό,τι άλλο σε βολεύει.

Με αυτό τον τρόπο θα επιβάλεις τον browser του κάθε χρήστη να φορτώσει εκ νέου το .js αρχείο σου αν το version number που έχει cachαρισμένο είναι διαφορετικό από αυτό που χρησιμοποιείς στον κώδικά σου.

  • Like 1
  • Thanks 2
Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
3 ώρες πριν, HarisRg είπε

Μια λύση είναι να βάζεις ένα version number (filename.js?<version_number>) όπου καλείς το αρχείο σου πχ:
<script type="text/javascript" src=" testfile.js?01102021"></script> (01102021 = 01-10-2021 σημερινή ημερομηνία) ή ό,τι άλλο σε βολεύει.

Με αυτό τον τρόπο θα επιβάλεις τον browser του κάθε χρήστη να φορτώσει εκ νέου το .js αρχείο σου αν το version number που έχει cachαρισμένο είναι διαφορετικό από αυτό που χρησιμοποιείς στον κώδικά σου.

Φίλε μπράβο ! Τελικά οι πιο απλές λύσεις, είναι και οι καλύτερες ! Works fine ! :)

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

Cache busting ονομάζεται αυτό που ψάχνεις και που με απλά λόγια είναι αυτό που περιέγραψε ο Χάρης. Υπάρχουν εργαλεία (πχ webpack, packer, gulp) που κάνουν τα πάντα, μαζί και αυτό που ζητάς (πχ μετονομάζουν τα minified αρχεία js/css από main.js -> main.<random--hash>.js κοκ). Ανάλογα το εργαλείο που χρησιμοποιείς για να κάνεις deploy τον κώδικά σου σίγουρα θα υπάρχει και το αντίστοιχο plugin.

  • Thanks 1
Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0
Στις 3/10/2021 στις 2:44 ΜΜ, t(o.ot) είπε

Cache busting ονομάζεται αυτό που ψάχνεις και που με απλά λόγια είναι αυτό που περιέγραψε ο Χάρης. Υπάρχουν εργαλεία (πχ webpack, packer, gulp) που κάνουν τα πάντα, μαζί και αυτό που ζητάς (πχ μετονομάζουν τα minified αρχεία js/css από main.js -> main.<random--hash>.js κοκ). Ανάλογα το εργαλείο που χρησιμοποιείς για να κάνεις deploy τον κώδικά σου σίγουρα θα υπάρχει και το αντίστοιχο plugin.

Σε αυτα να προσθεσουμε και το parceljs

Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Εγγραφείτε για έναν νέο λογαριασμό

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...

Με την περιήγησή σας στο insomnia.gr, αποδέχεστε τη χρήση cookies που ενισχύουν σημαντικά την εμπειρία χρήσης.