新建一个文件夹 , 这里命名为 HelloWorld
在这个文件夹中创建三个文件 :
manifest.json (对
extension的配置)
popup.html (点击extension图标的时候的弹窗)
main.js (当我们过滤的页面被加载的时候 , 自动加载的js)
manifest.json
{
"name": "Hello World",
"version": "1.0",
"description": "My first chrome extension",
"manifest_version": 2,
"content_scripts":[
{
"matches":["<all_urls>"],
"js":["main.js"]
}
]
}
popup.html
<html>
<head>
<title>First Chrome Extension</title>
</head>
<body>
Hello world!
</body>
</html>
main.js
alert("Hello World!");
- 开启chrome开发者模式
- 将刚才创建的文件夹拖入
chrome extension的目录进行安装 - 安装好后 , 在
chrome的右上角会出现我们的extension的图标 , 点击会弹出我们的popup.html的内容 - 随意访问一个网页 , 当
main.js中的代码被执行 (也就是弹出了Hello World!) , 就说明我们的第一个Hello World成功运行
