Pages - Menu

2017年12月21日 星期四

tampermonkey 筆記(一)

前言:tampermonkey 這個是什麼?就是讓人變的更懶惰的工具。
但前提是你要有一個工程屍的懶人想法。
我始終相信『科技始終來自於人類的惰性』
這套主要拿來用於網頁上,能夠用一個步驟自動解決網頁的問題。
但好像都偏向對岸的網站。
最常看到的應該是,取得 百度網盤下載連結,破解鎖右鍵複製、貼上,
官網:http://tampermonkey.net/
如果要找腳本,同樣在官網底下有連結
http://tampermonkey.net/
最常見看的應該就是  GreasyFork



有了工具,再來就是第一個寫程式的慣例 Hello World
開啟選項,按下紅色圈起來的按鈕,就會新增一個文件
image
再來開始敲鍵盤了,這邊用到的都是javascript的語法,如果要使用jQuery,
參考黑暗執行緒
上面的參數,可參考 Greasemonkey Wiki
預設的參數沒有@include 記得加上
後來查Tampermonkey的@math跟@include的意思相近 ,可參考 官網解釋
// ==UserScript==
// @name         HelloWorld
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       Daimom
// @match        http://*/*
// @grant        none
// @include      *
// ==/UserScript==

(function() {
     'use strict';
     var input=document.createElement("input");
     input.type="button";
     input.value="helloworld";
     input.onclick = showAlert;
     input.setAttribute("style", "font-size:18px;position:absolute;top:120px;right:40px;");
     document.body.appendChild(input);
})();

function showAlert()
{
     console.log("Hello World");
}

再來開啟google 就可以看到上面有按鈕了
image
第二篇教學…看心情了XD
附註,記得加上style的屬性,不然按了沒反應,有在猜可能是網頁的關係
加不加都沒關係,但如果開啟google首頁就一定要加。不然會被擋住,按不到

參考:深入淺出 Greasemonkey
hayageek.com

沒有留言:

張貼留言