Lunski's Clutter

This is a place to put my clutters, no matter you like it or not, welcome here.

0%

提示模式

魔法禁書目錄(笑

提示模式

指導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

架構

資料夾內檔案

  • manifest.json
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"
}
}
  • background.js
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/" });
}
});
  • popup.html: 執行時跳出的html
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>

打包和安裝擴展

  1. 創建一個新文件夾並將manifest.json、background.js 和 popup.html 放入其中。
  2. 打開 Chrome 瀏覽器並進入 chrome://extensions/。
  3. 打開右上角的開發者模式 (Developer Mode) 開關。
  4. 點擊 “加載已解壓的擴展程式” 按鈕,然後選擇你的擴展文件夾。

img

完成以上步驟後,此 Chrome 擴展將在每天早上 10:30 自動打開指定的網頁。


如果你覺得這篇文章很棒,請你不吝點讚 (゚∀゚)

Welcome to my other publishing channels