DEV Community

panfan
panfan

Posted on • Originally published at manon.icu on

Chrome插件开发 - Icon action

浏览器扩展图标 - action

修改public/manifest.json

{
  "action": {},
  "background": {
    "service_worker": "background.js"
  }
}
Enter fullscreen mode Exit fullscreen mode

修改public/background.js

chrome.action.onClicked.addListener(() => {
  chrome.tabs.create({url: './new-tab.html', active: true})
})
Enter fullscreen mode Exit fullscreen mode

当点击图标，将会导航到新的选项卡

Source Code

【Source Code】

Top comments (0)

Read next

aaravjoshi profile image

Supercharge Your Node.js Apps: Zero-Copy I/O Secrets for Blazing Performance

Aarav Joshi -

adityabhuyan profile image

How EDI Communication Protocols Streamline Business Data Exchange

Aditya Pratap Bhuyan -

aaravjoshi profile image

Mastering Reactive Microservices: Spring WebFlux and Project Reactor Essentials for High-Performance Systems

Aarav Joshi -

certera_ profile image

Slowloris Attack: How it Works, Identify and Prevent

Certera -