chrome扩展开发：[5]编写弹出窗口（popup）

时间：2026-02-12 18:42:57

1、popup文件可以简单到只有几行：

<!DOCTYPE html>

<html>

<head>

<style>

body {width:380px;}

</style>

</head>

<body>

<h1>我的第一个扩展</h1>

</body>

</html>

将其保存为 popup.html,放在test目录下

chrome扩展开发：[5]编写弹出窗口（popup）

2、为了让窗口能够弹出，还需要修改下manifest文件，在browser_action --》default_popup类目下将弹出窗口的文件名填上

chrome扩展开发：[5]编写弹出窗口（popup）

3、打开扩展页面，然后点击“重新加载”链接，使刚才的更改生效

chrome扩展开发：[5]编写弹出窗口（popup）

4、点击浏览器右上角的图标，窗口弹出来了吧

chrome扩展开发：[5]编写弹出窗口（popup）