Chrome浏览器如何把特定常用网页打包成桌面运行小程序
正文介绍
1. 打开Chrome浏览器,访问以下网址创建一个新扩展程序项目:https://developer.chrome.com/docs/extensions/mv3/creating_extensions/
2. 在创建扩展程序项目中,选择“Web Extension”作为扩展类型。
3. 填写扩展程序的名称、描述、图标等信息,然后点击“创建扩展程序”。
4. 在扩展程序代码中,编写一个名为`manifest.json`的文件,用于定义扩展程序的功能和行为。例如:
json
{
"manifest_version": 2,
"name": "My Favorite Website",
"description": "A Chrome extension that brings your favorite websites to the desktop.",
"version": "1.0",
"permissions": [
"activeTab",
"storage"
],
"background": {
"scripts": ["background.js"],
"persistent": false
},
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup."
},
"content_scripts": [
{
"matches": [""],
"js": ["content.js"]
}
]
}
5. 在`content_scripts`数组中,添加一个名为`content.js`的文件,用于处理网页内容。例如:
javascript
document.addEventListener("DOMContentLoaded", function() {
const url = window.location.href;
if (url.startsWith("http://www.myfavoritewebsite.com")) {
window.open(url);
}
});
6. 将`manifest.json`文件保存为`manifest.json`,并使用命令行工具将其推送到扩展程序包中。例如:
bash
npm install -g @crome/chrome-dev-tools-wapper
npm run dev -- --port=9222 --packageName=my-favorite-website --packageVersion=1.0
7. 打开Chrome浏览器,安装扩展程序。安装完成后,点击扩展程序图标,即可看到你的常用网页被打包成桌面运行的小程序。

1. 打开Chrome浏览器,访问以下网址创建一个新扩展程序项目:https://developer.chrome.com/docs/extensions/mv3/creating_extensions/
2. 在创建扩展程序项目中,选择“Web Extension”作为扩展类型。
3. 填写扩展程序的名称、描述、图标等信息,然后点击“创建扩展程序”。
4. 在扩展程序代码中,编写一个名为`manifest.json`的文件,用于定义扩展程序的功能和行为。例如:
json
{
"manifest_version": 2,
"name": "My Favorite Website",
"description": "A Chrome extension that brings your favorite websites to the desktop.",
"version": "1.0",
"permissions": [
"activeTab",
"storage"
],
"background": {
"scripts": ["background.js"],
"persistent": false
},
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup."
},
"content_scripts": [
{
"matches": ["
"js": ["content.js"]
}
]
}
5. 在`content_scripts`数组中,添加一个名为`content.js`的文件,用于处理网页内容。例如:
javascript
document.addEventListener("DOMContentLoaded", function() {
const url = window.location.href;
if (url.startsWith("http://www.myfavoritewebsite.com")) {
window.open(url);
}
});
6. 将`manifest.json`文件保存为`manifest.json`,并使用命令行工具将其推送到扩展程序包中。例如:
bash
npm install -g @crome/chrome-dev-tools-wapper
npm run dev -- --port=9222 --packageName=my-favorite-website --packageVersion=1.0
7. 打开Chrome浏览器,安装扩展程序。安装完成后,点击扩展程序图标,即可看到你的常用网页被打包成桌面运行的小程序。
相关阅读
