.jpeg)
魔法禁書目錄（笑
指導AI針對特定任務響應的指令
任務
利用提示模式開發自動化Chrome Extension
角色模式的提示範例
1
2
3
4
5
6
7
8
| 你是個熟知自動化技巧的chrome 擴展製作專家，善於用各種工具達成網頁自動化操作
你的新需求是設計一個chrome擴展
功能是
1. 每日早上10點30分自動到開啟chrome 瀏覽器
2. 開啟https://eric999j.github.io/
請勿使用node.js, npm
|
架構
資料夾內檔案
1
2
3
4
5
6
7
8
9
10
11
12
| {
"manifest_version": 1,
"name": "游標停在擴展icon上顯示的名稱",
"version": "1.0",
"permissions": ["tabs", "alarms"],
"background": {
"service_worker": "background.js"
},
"action": {
"default_popup": "popup.html"
}
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| chrome.runtime.onInstalled.addListener(() => {
// 清除之前设置的定时器
chrome.alarms.clear('dailyOpen');
// 设置一个定时器，每天10:30触发
const now = new Date();
const millisTill1030 = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 10, 30, 0, 0) - now;
const initialAlarmTime = millisTill1030 > 0 ? millisTill1030 : millisTill1030 + 86400000; // 若已过10:30则设定下一天的时间
chrome.alarms.create('dailyOpen', { when: Date.now() + initialAlarmTime, periodInMinutes: 1440 }); // 24小时重复
});
chrome.alarms.onAlarm.addListener((alarm) => {
if (alarm.name === 'dailyOpen') {
// 使用 Tabs API 打开小圈圈
chrome.tabs.create({ url: "https://eric999j.github.io/" });
}
});
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <!DOCTYPE html>
<html>
<head>
<title>頁籤標題</title>
<style>
body {
min-width: 200px;
}
</style>
</head>
<body>
<h3>扩展正在运行...</h3>
<p>每天早上10:30会自动打开指定网页。</p>
</body>
</html>
|
打包和安裝擴展
- 創建一個新文件夾並將manifest.json、background.js 和 popup.html 放入其中。
- 打開 Chrome 瀏覽器並進入 chrome://extensions/。
- 打開右上角的開發者模式 (Developer Mode) 開關。
- 點擊 “加載已解壓的擴展程式” 按鈕，然後選擇你的擴展文件夾。
完成以上步驟後，此 Chrome 擴展將在每天早上 10:30 自動打開指定的網頁。