魔法禁書目錄(笑
指導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 自動打開指定的網頁。