欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

Chrome浏览器扩展开发系列之五:Page Action类型的Chrome浏览器扩展

发布时间:2025/6/17 HTML 47 豆豆
生活随笔 收集整理的这篇文章主要介绍了 Chrome浏览器扩展开发系列之五:Page Action类型的Chrome浏览器扩展 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

Page Action类型的Google Chrome浏览器扩展程序,通常也会有一个图标,但这个图标位于Chrome浏览器的地址栏内右端。而且这个图标并非始终出现,而是当某指定的页面打开时才会出现。也就是说,这个图标与当前打开的页面有关,只有打开了指定的页面才会显示该图标,对该页面执行对应的操作。

定义Page Action类型的Google Chrome扩展程序,首先要在manifest.json文件中注册如下:

{         ...         "page_action": {           "default_icon": {                    // optional             "19": "images/icon19.png",           // optional             "38": "images/icon38.png"            // optional           },           "default_title": "Google Mail",      // optional; shown in tooltip           "default_popup": "popup.html"        // optional         },         ...       }

对于Page Action类型的Google Chrome扩展程序,其图标、提示、弹出框都类似于Browser Action。

Page Action没有徽章,但是有显示或隐藏的变化。默认Page Action是隐藏的,必须指定打开什么样的tab时显示Page Action的图标。

控制Page Action的图标显示使用chrome.pageAction.show(integer tabId)方法。

控制Page Action的图标隐藏使用chrome.pageAction.hide(integer tabId)方法。

点击Page Action的图标绑定事件使用chrome.pageAction.onClicked.addListener(function (tab) {…})方法。

转载于:https://www.cnblogs.com/champagne/p/4810707.html

总结

以上是生活随笔为你收集整理的Chrome浏览器扩展开发系列之五:Page Action类型的Chrome浏览器扩展的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。