[問卦] 要學油猴腳本語法有推薦的書嗎?
原本因為找不到讓瀏覽器有便利貼的腳本語法,想自已寫一個給chrome用
一開始怕直接寫會失敗還找了chatGPT和它邊聊邊寫
結果還是失敗…現在就想說乾脆不要有省錢的心態
認真的找書來邊看邊學吧,可是,該挑哪一本才好?
希望給點建議吧?
底下順便給出寫失敗的語法,這是chatGPT替我寫的第三版了
目前問題出在按了對應的快速鍵(ctrl+shift+s)
或是在網頁上直接單/雙按滑鼠左鍵或右鍵都無法開出寫便利貼的選單或按鈕
不懂怎麼回事??
// ==UserScript==
// @name 高級隨手貼
// @namespace http://tampermonkey.net/
// @version 0.3
// @description 增強的隨手貼功能,支持搜尋和分類
// @author You
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 創建隨手貼按鈕
const button = document.createElement('button');
button.textContent = '隨手貼';
button.style.position = 'fixed';
button.style.top = '10px';
button.style.right = '10px';
button.style.padding = '10px';
button.style.backgroundColor = '#f0f0f0';
button.style.border = '1px solid #ccc';
button.style.borderRadius = '5px';
button.style.cursor = 'pointer';
document.body.appendChild(button);
// 創建便條紙面板
const panel = document.createElement('div');
panel.style.position = 'fixed';
panel.style.top = '50px';
panel.style.right = '10px';
panel.style.width = '250px';
panel.style.maxHeight = '500px';
panel.style.backgroundColor = '#ffffe0';
panel.style.border = '1px solid #ccc';
panel.style.borderRadius = '5px';
panel.style.display = 'none';
panel.style.overflowY = 'auto';
panel.style.zIndex = '1000';
document.body.appendChild(panel);
// 創建搜尋框
const searchBox = document.createElement('input');
searchBox.placeholder = '搜尋便條';
searchBox.style.width = 'calc(100% - 20px)';
searchBox.style.margin = '10px';
searchBox.style.padding = '5px';
panel.appendChild(searchBox);
// 創建分類選擇器
const categorySelect = document.createElement('select');
categorySelect.style.width = 'calc(100% - 20px)';
categorySelect.style.margin = '10px';
categorySelect.style.padding = '5px';
const defaultOption = document.createElement('option');
defaultOption.textContent = '所有分類';
defaultOption.value = '';
categorySelect.appendChild(defaultOption);
panel.appendChild(categorySelect);
// 創建便條紙容器
const notesContainer = document.createElement('div');
panel.appendChild(notesContainer);
// 顯示或隱藏面板的函數
function togglePanel() {
panel.style.display = panel.style.display === 'none' ? 'block' :
'none';
if (panel.style.display === 'block') {
loadNotes();
}
}
// 綁定按鈕點擊事件
button.addEventListener('click', togglePanel);
// 鍵盤快捷鍵設置
document.addEventListener('keydown', (event) => {
// Ctrl + Shift + S
if (event.ctrlKey && event.shiftKey && event.key === 'S') {
togglePanel();
event.preventDefault(); // 防止默認行為(例如瀏覽器快捷鍵)
}
});
// 加載便條紙
function loadNotes() {
console.log('加載便條紙'); // 確認加載便條紙
notesContainer.innerHTML = '';
const categories = JSON.parse(localStorage.getItem('noteCategories')
|| '{}');
const notes = JSON.parse(localStorage.getItem('stickyNotes') || '[]'); const selectedCategory = categorySelect.value;
notes.forEach(note => {
if (selectedCategory === '' || note.category ===
selectedCategory) {
const noteElement = document.createElement('div');
noteElement.style.padding = '10px';
noteElement.style.border = '1px solid #ccc';
noteElement.style.borderRadius = '5px';
noteElement.style.marginBottom = '10px';
noteElement.style.backgroundColor = '#fff';
const title = document.createElement('h4');
title.textContent = note.title;
noteElement.appendChild(title);
const content = document.createElement('p');
content.textContent = note.content;
noteElement.appendChild(content);
notesContainer.appendChild(noteElement);
}
});
}
})();
--
直接去找extension就好了 幹嘛自己寫=.=
Note Anywhere:
你連基本原理都沒搞懂 別寫這個吧
便利貼的功能是什麼?要記多久?
tampermonkey的原理是在既有網頁上執行js
也就是說你執行的程式依然是網頁的一部份
你的便利貼就只是某個網站的一個小程式
所以你這樣做無法跨網站存取
更慘的是你存在localstorage裡
如果那個網站執行了一個程式把它清掉...
你的便利貼就沒了
你該做的是寫extension吧
但這種東西一定一堆了 找別人寫的來用就好
你可以用ChatGPT或搜別人的腳本
27
[討論] 筆試用手機查算是作弊嗎?大家安安 強者我朋友 去面試某家公司的時候筆試用手機查 內容大概是考一些該語言的觀念問題 以C++舉例來說就是:const關鍵字的作用10
Re: [閒聊] 來統計一下PS4/PS5在板上的佔有率幫忙樓主用簡單的js跑一下 結果如下: ps5 總共有 644 台 ps4 總共有 676 台 推文總計 ps5 佔有比率48.78787878787879%9
Re: [心得] 2022 年末面試心得這篇提到的有: 廣達、連發科、彩富、連宇、神準、優達、舜聯、緯穎、IGS(鈊象) 職位都是工程師 (RD) ---廣達--- Automotive software 先發個線上問卷回答,先做完後開始面談 問履歷上面的經驗、求學經驗、細節,想要找的工作類型,與職缺相關的專題7
Re: [Vtub] Vedal罕見被自己的AI女兒neuro罵到破防借個推文的圖 YanderDev的程式碼 請問這個正常來說是怎麼寫啊? switch case?6
Re: [閒聊] 修改KKTV的字幕樣式/大小感謝n大設計的css樣式 讓小弟在看KKTV的時候 視覺體驗上獲得極大的改善! 小弟也來獻醜一下 提供個人喜歡的樣式設計6
[軟體] Safari term.ptt自動登入及一些軟體分享剛入手Macbook,分享順便記錄一下方便之後重灌 1.HomeBrew 2.alt-tab 就字面上的東西,mac內建的用不習慣 3.hiddenbar 精簡menubar上的東西 4.kitty terminal,iterm太慢了6
[鐵道] 如何自己做安全的自動登入本內容需要一點點動手能力 用途:製作一個安全的自己登入簽到的腳本。 無須使用網頁瀏覽器,一切功能自動化 除非米哈遊又改動登入頁面之類的 本功能利用使用google的Google App Script 資料來源:hoyolab-auto-sign5
Re: [討論] 寫三元判斷式code review被打槍最近公司讀書會在看 Martin Fowler 的 Refactoring, 大概第九或第十章他有用到三元 sample code 大概是這樣 const price = summer()? summerPrice() : commonPrice(); 然後我們有看這串文章討論了一下3
[心得] Car the Garden的阿凡達相親目前有看到翻譯的是 Kid Milli 權恩妃 Code Const (G)-idle的美延2
Re: [問卦] 如果政府所有的決策都上git會怎樣??merge 的時候有衝突 要解 就會有人跟你說 在那叫什麼 好不容易merge完的時候 pull 回來 build不過的時候 會有人跟你說 不必去查 發起一個大家發起一個issue 也都弄好了 準備提交commit 他就是不理你
爆
[問卦] 去日本,要跟團還自由行= =...?爆
[爆卦] 在台灣搞詐騙是不是真的很爽,詐騙律師鄭93
[問卦] 青鳥不是很愛吹台灣沒陸客是賣點?爆
[問卦] 為什麼某些族群更信任考不上律師的人?62
[問卦] 又要教召該怎麼辦?爆
[問卦] 為何廢土集團很喜歡在南部台南高雄倒96
[問卦] Threads熱議:少在那聖母病,誰家不死人40
[問卦] 魷魚遊戲導演:av版毀掉我的作品59
[問卦] 傾倒廢土有甚麼比較好聽的說法?41
[問卦] 廬山溫泉是不是沒救了?35
[問卦] 某族群怎特別下幹???43
[問卦] 「小捷」是誰啊?39
[問卦] 父母房子數量不夠分給孩子怎辦?爆
[問卦] 111上街頭可以改變什麼嗎?36
[問卦] 牛排館的店員都是越南人??33
[問卦] 幹你娘 豬血湯跟乾麵要100元68
[爆卦] 柯建銘隨扈人員有中國人28
[問卦] 朋友姓柯,想改名59
[問卦] 東京大阪京都,強制三選一30
[問卦] 台灣個人進口免稅額這麼低 是在保護誰?21
[問卦] 晚餐吃1020元,PR多少?41
[問卦] 釜山 北京 香港 玩三天哪個爽?21
[問卦] 有沒有牙醫好像很好賺的八卦?22
[問卦] 這個綠色的是什麼蟲==14
[問卦] 四插貓怎麼變這麼老啊?19
[問卦] 館長去參加魷魚遊戲可以過關嗎21
[問卦] 徵旅伴的在想啥?19
Re: [新聞] 快新聞/致陳佩琪留言疑遭刪!許富舜再發21
[問卦] 日本妹子腋下黑黑的20
[問卦] 台灣哪裡可以學訓犬?