Sau khi xóa /serviceworker.jskhỏi thư mục gốc của tôi, Chrome vẫn chạy nhân viên dịch vụ mà tôi đã xóa khỏi webroot của mình. Làm cách nào để gỡ cài đặt nhân viên dịch vụ khỏi trang web của tôi và Chrome để tôi có thể đăng nhập lại vào trang web của mình?

Tôi đã theo dõi vấn đề theo cơ chế bộ đệm của Service Work và tôi chỉ muốn xóa ngay bây giờ cho đến khi tôi có thời gian để gỡ lỗi. Tập lệnh đăng nhập mà tôi đang sử dụng chuyển hướng đến các máy chủ của Google để họ đăng nhập vào tài khoản Google của họ. Nhưng tất cả những gì tôi nhận được từ trang login.php là một ERR_FAILEDtin nhắn.

Loại bỏ nhân viên phục vụ theo chương trình

Bạn có thể loại bỏ nhân viên phục vụ theo chương trình như thế này:

navigator.serviceWorker.getRegistrations().then(function(registrations) {
 for(let registration of registrations) {
  registration.unregister()
} })

Tài liệu: getRegistations , hủy đăng ký

Loại bỏ nhân viên dịch vụ thông qua giao diện người dùng

Bạn cũng có thể xóa nhân viên dịch vụ trong tab Ứng dụng trong Chrome Devtools.

Bạn cũng có thể truy cập URL: chrome: // serviceworker-internals / và hủy đăng ký một nhân viên dịch vụ từ đó.

Bạn có thể thực hiện việc này thông qua Chrome Developer Tool cũng như lập trình .

1. Tìm tất cả các cá thể đang chạy hoặc nhân viên dịch vụ bằng cách gõ

   chrome: // serviceworker-internals /

   trong một tab mới và sau đó chọn công cụ dịch vụ bạn muốn hủy đăng ký.

2. Mở Công cụ dành cho nhà phát triển (F12) và chọn Ứng dụng. Sau đó hoặc

   Chọn Xóa bộ nhớ -> Hủy đăng ký nhân viên dịch vụ

   hoặc là

   Chọn Nhân viên phục vụ -> Chọn Cập nhật khi tải lại

3. Có lập trình

if(window.navigator && navigator.serviceWorker) {
  navigator.serviceWorker.getRegistrations()
  .then(function(registrations) {
    for(let registration of registrations) {
      registration.unregister();
    }
  });
}

Trong Google Chrome, bạn có thể truy cập Công cụ dành cho nhà phát triển (F12) -> Ứng dụng -> Nhân viên dịch vụ và hủy đăng ký nhân viên dịch vụ khỏi danh sách cho tên miền cụ thể đó.

Phương pháp này có hiệu quả trong chế độ phát triển của một trang web và chủ yếu là chúng chạy trên localhostđó bạn có thể cần để phát triển dự án khác.

Bạn nên phát hiện hai API trong thiết bị của mình: getRegistations và getRegistration . Nhân viên dịch vụ không có một bộ API duy nhất trong tất cả các nền tảng. Ví dụ, một số trình duyệt chỉ có một navigator.serviceWorker.getRegistration, không navigator.serviceWorker.getRegistrations. Vì vậy, bạn nên xem xét với cả hai.

FYI, trong trường hợp bạn đang sử dụng trình duyệt MacOS Safari , có một cách để hủy đăng ký một nhân viên dịch vụ (các bước và hình ảnh cho Safari 12.1):

1. Safari> Tùy chọn ...> Quyền riêng tư> Quản lý dữ liệu trang web

2. Nhập tên miền (ví dụ: 'localhost'), nhấp vào "Xóa"

Lưu ý: Ngoài nhân viên phục vụ, điều này cũng sẽ xóa tất cả bộ nhớ cache, cookie và cơ sở dữ liệu cho miền này.

Ngoài các câu trả lời đã được đưa ra, nếu bạn cũng muốn xóa bộ đệm SW, bạn có thể gọi phương thức sau:

if ('caches' in window) {
    caches.keys()
      .then(function(keyList) {
          return Promise.all(keyList.map(function(key) {
              return caches.delete(key);
          }));
      })
}

Thêm trong bài viết này (Đoạn: "Hủy đăng ký nhân viên phục vụ")

Một khả năng khác, thông qua Trình duyệt, là bằng cách truy cập phần "Bộ nhớ cache" và nhấp vào nút "Xóa dữ liệu trang web":

gỡ cài đặt an toàn Công nhân dịch vụ

if ('serviceWorker' in navigator) {
      navigator.serviceWorker.getRegistrations().then(function (registrations) {
        for (const registration of registrations) {
          // unregister service worker
          console.log('serviceWorker unregistered');
          registration.unregister();
        }
      });
    }

để phát hiện nhân viên phục vụ:

navigator.serviceWorker.controller

Mã để xóa nhân viên phục vụ:

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister();
    })
  });

  navigator.serviceWorker.getRegistrations().then(function(registrations) {
   for(let registration of registrations) {
    registration.unregister()
  } })

  if(window.navigator && navigator.serviceWorker) {
    navigator.serviceWorker.getRegistrations()
    .then(function(registrations) {
      for(let registration of registrations) {
        registration.unregister();
      }
    });
  }

  if ('caches' in window) {
      caches.keys()
        .then(function(keyList) {
            return Promise.all(keyList.map(function(key) {
                return caches.delete(key);
            }));
        })
  }

  if ('serviceWorker' in navigator) {
        navigator.serviceWorker.getRegistrations().then(function (registrations) {
          for (const registration of registrations) {
            // unregister service worker
            console.log('serviceWorker unregistered');
            registration.unregister();

            setTimeout(function(){
              console.log('trying redirect do');
              window.location.replace(window.location.href); // because without redirecting, first time on page load: still service worker will be available
            }, 3000);
          }
        });
      }