서비스워커 있으면 새로고침 좀비되죠

지난 몇달간 몇개의 웹앱을 만들다보니.. 얘들 무섭더라구요.

강력 새로고침 따위로 죽지도 않고,

사이트 데이타를 제거해야 하는데

특히나 모바일 사파리에서 그지 같습니다.

아이폰 설정 -> 앱 -> 사파리 찾아 들어가서 지워야 하잖아요.

제미나이랑 클로드를 통해 해결해보려고 시도했습니다만...

버젼 변경해도 옛날 것으로 살아남고, 앞서 언급했듯 강력 새로고침 따위는 멍멍이나 줘버리고

대단하더라구요.

그래서 최종 선택은 랜딩 페이지에 새로고침 버튼 추가 였습니다.

window.clearAppCache = async function () {

if ('caches' in window) {

try {

const keys = await caches.keys();

for (const key of keys) {

await caches.delete(key);

}

// Unregister service workers as well just to be safe

if ('serviceWorker' in navigator) {

const registrations = await navigator.serviceWorker.getRegistrations();

for (const reg of registrations) {

await reg.unregister();

}

alert(window.t ? t('settings.btn.clearCache') + ' OK' : 'Cache cleared. Reloading...');

window.location.reload(true);

} catch (e) {

console.error('Failed to clear cache', e);

alert('Error clearing cache.');

}

} else {

// Fallback for older browsers

window.location.reload(true);

}

};

다모앙 현재 상태도 그런거 같아요...

크롬에서는 사이트 데이타를 지워도 업데이트가 안되는군요 ㅠㅠ

추가 메뉴