- 创建一个文件夹,命名为
fullscreen-extension
,在该文件夹中创建manifest.json
文件和background.js
文件。 - 在
manifest.json
中添加以下内容:{ "name": "Fullscreen Extension", "version": "1.0", "manifest_version": 3, "description": "Automatically full screen for specific websites.", "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "background": { "service_worker": "background.js" }, "permissions": [ "tabs" ], "host_permissions": [ "https://www.baidu.com/*" ] }
- 在
background.js
中添加以下内容:chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => { if (changeInfo.status === "complete" && tab.url.includes("https://www.baidu.com")) { chrome.windows.update(tab.windowId, {state: "fullscreen"}); } });
- 在
fullscreen-extension
文件夹中添加三个图标:icon16.png
、icon48.png
和icon128.png
。 - 打开Chrome浏览器,进入扩展程序页面(
chrome://extensions/
),点击加载已解压的扩展程序
按钮,选择fullscreen-extension
文件夹,加载扩展程序。 - 打开一个网址为百度一下,你就知道的网页,该网页会自动全屏显示。 注意:在Manifest version 3中,不再需要使用
content_scripts
来指定扩展程序对哪些网页进行操作,而是使用host_permissions
来指定扩展程序对哪些网站进行操作。同时,Manifest version 3中使用的是service worker而不是background page来处理后台任务。在示例中,我们将background.js
文件作为service worker来处理后台任务。
谷歌浏览器打开固定网页后自动全屏显示的扩展程序Manifest version 3版
最新推荐文章于 2024-05-21 15:48:35 发布