Bagaimana saya bisa memaksa pemuatan ulang yang sulit di Chrome untuk Android

Di Chrome untuk desktop, saya memiliki opsi di alat dev untuk menonaktifkan cache sepenuhnya ketika alat dev dibuka dan saya memiliki opsi untuk secara manual melakukan pemuatan ulang yang sulit ketika mengklik lama tombol muat ulang (dengan alat dev terbuka).

Apakah ada teknik seperti itu untuk Chrome untuk Android? Saya tidak menemukan pengaturan apa pun. Apa yang bisa saya lakukan ketika saya ingin memaksa browser untuk mengunduh beberapa file javascript atau css daripada menggunakan yang di-cache saat mengembangkan?

Saya menggunakan window.location.reload(true)menurut MDN (dan pertanyaan serupa ini ) memaksa halaman untuk memuat ulang dari server.

Anda dapat menjalankan kode ini di browser dengan mengetik javascript:location.reload(true)di bilah alamat.

Melihat halaman dalam mode penyamaran akan menonaktifkan cache. Itu adalah satu-satunya cara saya bisa memaksa refresh pada stylesheet tanpa secara manual membersihkan cache melalui pengaturan.

Juga merupakan opsi:

1. Tidak bisa
2. Pengaturan
3. Pribadi
4. Menghapus data pencarian
5. Periksa "Cache" dan tekan "CLEAR"

dan kemudian memuat kembali halaman tersebut.

Anda dapat menggunakan opsi Permintaan Situs Desktop dari menu aplikasi (di sebelah kanan bilah alamat) yang akan memaksa halaman memuat ulang.

Cukup ketuk, tunggu refresh, lalu batalkan pilihan.

Menyebutkan ini karena Anda menyebutkan "ketika berkembang".

Anda dapat mengontrol perangkat seluler melalui Browser Chrome Desktop Anda.

Kunjungi chrome://inspect/#devicesdi desktop Anda. Dan Inspectperangkat yang terhubung ke desktop Anda. Setuju ketika dimintai izin.

Sekarang Anda akan melihat jendela Devtool yang lengkap untuk halaman saat ini di perangkat seluler.

Sekarang, Gunakan pintasan hard reload (Cmd + Shift + R) di desktop untuk melakukan hard reload di perangkat seluler!

Jangan lupa untuk memastikan bahwa pengaturan "Kurangi penggunaan data" dimatikan, karena sepertinya mengunduh data yang di-cache (dari server Google?) Meskipun cache lokal Anda memerah.

Cara mengatur ulang semua data untuk URL / Situs web yang diberikan di Chrome Mobile untuk android:

1 - Buka menu Chrome, dan ketuk ikon "i (info)"

2 - ketuk "Pengaturan situs"

3 - Ketuk ikon tempat sampah

Itu saja, bahkan pekerja layanan yang paling berlindung untuk URL itu sekarang akan mati.

Saya tahu ini adalah pertanyaan lama, tetapi saya menemukan bahwa jawaban yang diterima tidak berhasil untuk saya.

Solusi alternatif akan menambahkan url dengan parameter url baru seperti website.com?a=1, website.com?a=2, dll

Jika Anda sudah memiliki parameter, tentu saja, Anda akan menggunakan ampersand yaitu website.com?q=test&a=1

Mulai 2018, dari pusat bantuan google (diuji di Chrome 63):

1. ketuk menu tiga titik ;
2. pilih Riwayat> Hapus data penjelajahan ;
3. jika perlu, pilih periode waktu (di atas daftar periksa);
4. hapus centang semua item kecuali gambar dan file dalam cache ;
5. lanjutkan dengan Bersihkan data dan konfirmasi.

Seperti disebutkan dalam jawaban lain, tab penyamaran juga sangat bermanfaat untuk pengembangan.

Saya menemukan solusi yang berhasil, tetapi jelek.

• Hubungkan perangkat Android ke PC Anda dengan kabel USB dan buka Chrome di desktop Anda .
• Klik kanan di mana saja pada halaman dan pilih "Inspeksi".

• Klik menu tiga titik dan pilih "Perangkat jarak jauh" di bawah menu "Alat lainnya":

  

• Pada panel yang terbuka, pilih perangkat Anda dan kemudian tombol "Periksa" di sebelah nama tab di ponsel Anda yang perlu di-refresh:

  

• Di jendela yang terbuka, klik tab "Jaringan" dan centang kotak "Nonaktifkan cache":

  

• Muat ulang halaman di ponsel Anda atau gunakan tombol muat ulang di jendela DevTools.

Catatan: jika ponsel Anda tidak muncul di daftar perangkat:

• pastikan koneksi USB menggunakan mode Transfer File dan tidak hanya mengisi daya
• coba mulai ulang ADB atau jalankan adb devicesuntuk melihat apakah perangkat terdeteksi

Remote Debugging memungkinkan Anda untuk menggunakan dev-tools desktop:

https://developers.google.com/chrome-developer-tools/docs/remote-debugging

Versi terbaru dari cache Chrome sangat agresif. Bahkan teknik penghilang cache seperti " http: // url? Updated = datecode " berhenti bekerja. Anda harus menghapus cache atau membuka jendela penyamaran setiap kali (dan pastikan data-saver dimatikan).

Satu-satunya cara yang dapat diandalkan yang saya temukan yang tidak perlu mencolokkan telepon ke PC adalah sebagai berikut:

1. Paksa hentikan aplikasi Chrome.

Ini harus dilakukan terlebih dahulu, dan Anda tidak dapat membuka kembali Chrome sampai Anda menyelesaikan langkah-langkah ini. Ada beberapa cara untuk memaksa berhenti. Sebagian besar peluncur rumah memungkinkan Anda masuk ke "Info aplikasi" dengan menekan jari Anda pada ikon chrome dan memilih ikon "i". Sebagai alternatif, Anda mungkin dapat pergi ke pengaturan Android dan cukup mencari "Chrome".

Setelah di "Info aplikasi", pilih "Berhenti paksa" seperti yang ditunjukkan di bawah ini:

2. Bersihkan cache Chrome

Pilih "Penyimpanan" dari layar yang sama:

Akhirnya, pilih "Hapus cache".

Saat Anda kembali ke aplikasi Chrome, halaman tersebut harus memuat ulang dirinya sendiri dan menyajikan versi yang tidak di-cache.

Selain itu, saya menemukan situs yang membuatnya mudah untuk diuji jika Anda telah membersihkan cache: https://refreshyourcache.com/en/cache-test/
Saya sama sekali tidak berafiliasi dengannya. Perhatikan bahwa metode untuk menghapus cache yang disebutkan di situs itu sebenarnya sudah usang dan tidak lagi valid.

EDIT: Metode ini sudah usang di Google Chrome dan tidak akan berfungsi lagi.

JAWABAN ASLI:

Saya dapat menghapus cache (termasuk xhr berikutnya) menggunakan chrome: // net-internal

Kemudian klik panah kecil di kanan atas

Pilih "hapus cache" dari menu itu.

Berikut ini adalah solusi sederhana lain yang mungkin berhasil ketika orang lain gagal:

Hari ini, solusi sisi pengembang yang cukup sederhana bekerja untuk saya ketika masalah caching adalah file CSS yang di-cache. Singkatnya: Buat salinan file html sementara dan browse ke sana untuk memperbarui cache CSS.

Trik ini dapat menyegarkan file CSS, setidaknya di browser default biru-globe-ikon Android (tetapi kemungkinan besar kembarannya, browser Chrome resmi, juga, dan apa pun browser lain yang kita temui di ponsel "pintar" dengan tren caching yang agresif ).

Detail:

Pada awalnya saya mencoba beberapa solusi yang cukup sederhana yang dibagikan di sini, tetapi tidak berhasil (misalnya membersihkan sejarah terkini dari situs tertentu, tetapi tidak berbulan-bulan). Namun CSS terbaru saya tidak akan diterapkan pada apon refresh. Dan meskipun saya sudah menggunakan trik versi-nomor-dalam file-call CSS di bagian kepala html yang telah membantu saya menghindari cachings agresif sial di masa lalu. (contoh: tautan rel = "stylesheet" href = "style.css? v = 001" di mana Anda memutakhirkan nomor versi pseudo ini setiap kali Anda membuat perubahan ke file CSS, mis. 001, 002, 003, 004 ... (harus dilakukan di setiap file html situs))

Kali ini (Agustus 2019) pembaruan nomor versi file CSS tidak lagi mencukupi, juga tidak beberapa langkah sederhana yang disebutkan di sini bekerja untuk saya, atau saya bahkan tidak dapat menemukan akses ke beberapa di antaranya (pada ponsel android yang dipinjam).

Pada akhirnya saya mencoba sesuatu yang relatif sederhana yang akhirnya menyelesaikan masalah:

Saya membuat salinan file index.html situs yang memberikannya nama yang berbeda (indexcopy.html), mengunggahnya, merambannya di perangkat Android, kemudian meramban kembali ke halaman asli, menyegarkannya (dengan tombol segarkan kiri dari bilah alamat), dan voila: Kali ini penyegaran index.html akhirnya berhasil.

Penjelasan: Versi file CSS terbaru sekarang akhirnya diterapkan pada Android ketika menyegarkan halaman html yang bersangkutan karena salinan cache dari file CSS sekarang telah diperbarui ketika file CSS dipanggil dari halaman html sementara bernama berbeda yang tidak ada di mana pun dalam riwayat browser dan saya bisa menghapusnya lagi setelahnya. Caching yang agresif tampaknya mengabaikan URL CSS dan sebaliknya pergi dengan URL HTML, meskipun itu file CSS yang perlu diperbarui dalam cache.

Jika hanya masalah file yang disertakan, tambahkan saja versi setelah path ( ?v=12345678)

<link rel="stylesheet" type="text/css" href="style.css?v=12345678" />

Siapa pun yang memuat halaman itu lagi akan melihat perubahan.