1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

Extension starts
       │
       ▼
Initialize existing tabs
       │
       ▼
┌─────────────────────────────────────────────────┐
│              Wait for events                    │◄──────┐
└─────────────────────────────────────────────────┘       │
       │                                                  │
       ├─── onCreated ──► Record new tab time ───────────►│
       │                                                  │
       ├─── onRemoved ──► Remove tab record ─────────────►│
       │                                                  │
       └─── onActivated ──► Update access time            │
                                   │                      │
                                   ▼                      │
                           Check all tabs                 │
                                   │                      │
                                   ▼                      │
                          Over 30 minutes?                │
                            │         │                   │
                        Yes │         │ No                │
                            ▼         └──────────────────►│
                        Freeze tab                        │
                            │                             │
                            └─────────────────────────────┘

1
2

# init project
pnpm dlx wxt@latest init 04-background-script --template vanilla --pm pnpm

1
2
3
4
5
6
7
8
9
10
11
12
13
14

// wxt.config.ts
import { defineConfig } from 'wxt'
export default defineConfig({
  manifestVersion: 3,
  manifest: {
    name: 'Auto Sleep Tabs',
    description:
      'Automatically puts inactive tabs to sleep to save memory and CPU.',
  },
  webExt: {
    disabled: true,
  },
})

1
2
3

export default defineBackground(() => {
  console.log('Hello background!', { id: browser.runtime.id })
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

export default defineBackground(() => {
  console.log('Hello background!', { id: browser.runtime.id })
  const lastAccessed = new Map<number, number>()
  browser.tabs.onCreated.addListener((tab) => {
    if (!tab.id) {
      return
    }
    lastAccessed.set(tab.id, Date.now())
  })
  browser.tabs.onRemoved.addListener((tabId) => {
    lastAccessed.delete(tabId)
  })
  browser.tabs.onActivated.addListener((activeInfo) => {
    lastAccessed.set(activeInfo.tabId, Date.now())
    console.log('Tab activated:', activeInfo.tabId)
  })
})

1
2
3
4
5
6
7
8
9

import { defineConfig } from 'wxt'
export default defineConfig({
  manifest: {
    // other config...
    permissions: ['tabs'],
  },
  // other config...
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

browser.tabs.onActivated.addListener((activeInfo) => {
  lastAccessed.set(activeInfo.tabId, Date.now())
  console.log('Tab activated:', activeInfo.tabId)
  autoDiscardTabs()
})
async function autoDiscardTabs() {
  const Timeout = 30 * 60 * 1000 // 30 minutes
  const tabs = (await browser.tabs.query({})).filter(
    (tab) =>
      tab.id && // 只查找包含 id 的普通标签页，某些特殊标签页可能不包含 id，例如浏览器调试窗口之类的
      !tab.pinned && // 如果是固定标签页，则忽略
      !tab.active && // 如果标签页还活跃，也就是说，一直呆在一个标签页里
      !tab.audible && // 如果正在播放音视频，则忽略
      !tab.frozen && // 如果已经被 Chrome 内置机制冻结了，则忽略
      !tab.discarded && // 如果已经被手动冻结了，则忽略
      lastAccessed.has(tab.id) && // 如果没有记录过这个标签页，则忽略
      Date.now() - lastAccessed.get(tab.id)! > Timeout, // 如果最后访问时间距离现在已经超过 30 分钟，则认为满足条件
  )
  for (const tab of tabs) {
    // 注意：discard 可能会失败，例如标签页正在被使用或已被关闭
    await browser.tabs.discard(tab.id!)
    console.log('Tab auto-discarded:', tab.id, tab.title)
  }
}