How can I get the hostname where the service worker is installed?

在Web应用程序中，Service Worker 运行在浏览器的后台，独立于网页，提供了不依赖网页或用户交互的功能。要获取安装 Service Worker 的主机名，可以通过在 Service Worker 脚本内使用 self.location.hostname 属性来实现。

这里有一个简单的例子来说明如何在 Service Worker 中获取和使用主机名：

1. 注册 Service Worker： 在你的主 JavaScript 文件中，你需要先检查浏览器是否支持 Service Worker，并进行注册。

   javascript
   if ('serviceWorker' in navigator) {
       navigator.serviceWorker.register('/service-worker.js')
           .then(function(registration) {
               console.log('Service Worker 注册成功:', registration.scope);
           })
           .catch(function(error) {
               console.log('Service Worker 注册失败:', error);
           });
   }

2. 在 Service Worker 文件中获取主机名： 在 service-worker.js 文件中，你可以使用 self.location.hostname 来获取主机名。

   javascript
   self.addEventListener('install', event => {
       console.log('Service Worker 安装成功');
       console.log('运行在主机名:', self.location.hostname);
   });
   
   self.addEventListener('activate', event => {
       console.log('Service Worker 激活成功');
   });
   
   // 你可以根据主机名进行一些配置或操作
   if (self.location.hostname === 'example.com') {
       // 特定于 example.com 的逻辑
   }

在这个例子中，当 Service Worker 被安装时，它会在控制台中输出当前的主机名。这可以帮助开发者理解 Service Worker 是在哪个域下被安装和运行的，从而可以针对不同的环境进行适当的配置和优化。

这种方法的一个好处是，它直接使用 JavaScript 标准 API，是一种简单并且兼容多种浏览器的方式来获取主机名。