Các tính năng ẩn của Greasemonkey

Question

Một số tính năng và kỹ thuật ít được biết đến nhưng hữu ích mà mọi người đang sử dụng trong tập lệnh Greasemonkey của họ là gì?

(. Xin vui lòng, chỉ là một tính năng mỗi câu trả lời)

chủ đề tương tự:

• Hidden Features of JavaScript
• Hidden Features of Java
• Hidden Features of C++
• Hidden Features of C#

Answer 1

Dữ liệu có thể được duy trì trên các lần tải trang bằng cách lưu trữ nó dưới dạng giá trị tùy chọn mozilla qua GM_setValue(keyname, value).

Dưới đây là một ví dụ đơn giản mà tallys số lần kịch bản của bạn đã được thực hiện - bởi một trình duyệt đưa ra:

giá trị

 
var od = GM_getValue("odometer", 0); 
od++; 
GM_setValue("odometer", od); 
GM_log("odometer=" + od); 

GM là tương tự như cookie trong đó giá trị cookie chỉ có thể được truy cập bởi nguồn gốc tên miền, giá trị GM chỉ có thể được truy cập bởi tập lệnh đã tạo chúng.

Answer 2

Anonymous thống kê

Giả sử bạn có một dịch vụ lưu trữ cơ bản cung cấp truy cập đăng nhập, bạn có thể dễ dàng theo dõi thống kê sử dụng cơ bản cho kịch bản của bạn.

1. Đặt tệp gif (ví dụ: hình ảnh logo) trên trang web của riêng bạn.
2. Trong kịch bản của bạn, đính kèm một yếu tố img đến trang đó tham chiếu gif:

 
var img = document.createElement("img"); 
img.src = "http://mysite.com/logo.gif"; 
document.body.appendChild(img); 

Bây giờ, mỗi khi người dùng thực hiện kịch bản của bạn, dịch vụ lưu trữ của bạn sẽ đăng ký một hit trên mà tập tin gif.

Để theo dõi nhiều tập lệnh, hãy sử dụng tệp gif khác nhau cho mỗi tập lệnh. Hoặc thêm một số thông số khác biệt vào URL, (ví dụ: http://mysite.com/logo.gif?zippyver=1.0).

Answer 3

Các tập lệnh nhập liệu thường dùng để tìm nội dung trên trang. Thay vì đào sâu qua DOM, hãy thử sử dụng XPath để định vị các nút quan tâm. Phương thức document.evaluate() cho phép bạn cung cấp biểu thức XPath và sẽ trả về một tập hợp các nút phù hợp. Dưới đây là một số đẹp tutorial để giúp bạn bắt đầu. Như một ví dụ, đây là một kịch bản tôi đã viết rằng gây ra các liên kết trong bài viết phpBB3 để mở trong một tab mới (trong da mặc định):

// ==UserScript== 
// @name   New Tab in phpBB3 
// @namespace  http://robert.walkertribe.com/ 
// @description Makes links in posts in phpBB3 boards open new tabs. 
// ==/UserScript== 

var newWin = function(ev) { 
    var win = window.open(ev.target.href); 
    if (win) ev.preventDefault(); 
}; 

var links = document.evaluate(
     "//div[@class='content']//a[not(@onclick) and not(@href='#')]", 
     document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); 

for (var i = 0; i < links.snapshotLength; i++) { 
    var link = links.snapshotItem(i); 
    link.addEventListener("click", newWin, true); 
} 

Biểu thức XPath sử dụng trong mã xác định tất cả a yếu tố 1) làm không có thuộc tính onclick, 2) có thuộc tính href không được đặt thành "#" và 3) được tìm thấy bên trong div s có thuộc tính class được đặt thành "content".

Answer 4

Giá trị tiêu đề tập lệnh, (@name, @description, @version, v.v.), có thể được thực hiện có thể truy xuất được. Điều này là thích hợp hơn để duy trì cùng một giá trị không đổi ở nhiều vị trí trong tập lệnh của bạn.

Xem Accessing Greasemonkey metadata from within your script?

Answer 5

Kịch bản của bạn có thể thêm hình ảnh vào một trang, ngay cả khi bạn không có bất cứ nơi nào để lưu trữ các file, thông qua URI dữ liệu.

Ví dụ, đây là một nút nhỏ đồ họa:

 
var button = document.createElement("img"); 
button.src = "data:image/gif;base64," 
    + "R0lGODlhEAAQAKEDAAAA/wAAAMzMzP///yH5BAEAAAMALAAAAAAQABAAAAIhnI+pywOtwINHTmpvy3rx" 
    + "nnABlAUCKZkYoGItJZzUTCMFACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==" 
somenode.appendChild(button); 

Dưới đây là một trực tuyến image encoder.

Và một wikipedia article về tiêu chuẩn URI dữ liệu.

Answer 6

Kỹ thuật XPath hữu ích là chỉ định đối sánh của bạn liên quan đến nút mà bạn đã tìm thấy. Là ví dụ giả tạo về stackoverflow:

 
// first we got the username link at the top of the page 
var hdrdiv = document.evaluate(
    "//div[@id='headerlinks']/a[1]", document, null, 
    XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; 

// now we can retrieve text that follows it, (user's reputation score) 
// (note that hdrdiv is now the contextNode argument, rather than document) 
var reptext = document.evaluate(
    "following-sibling::span", hdrdiv, null, 
    XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; 

alert("Reputation Score: " + reptext.textContent); 

Bạn có thể khớp theo bất kỳ hướng nào liên quan đến ngữ cảnhNode, tổ tiên, hậu duệ, trước đó, sau đây. Đây là một số hữu ích XPath reference.

Answer 7

GreaseMonkey script chạy khi DOM sẵn sàng, do đó bạn không cần thêm sự kiện onload, bạn chỉ cần bắt đầu thao tác DOM ngay trong tập lệnh GreaseMonkey của mình.

Answer 8

==UserScript== 
... 
@require http://ajax.googleapis.com/ajax/framework-of-your/choice.js 
==/UserScript== 

Answer 9

GM_setValue thường chỉ cửa hàng 32-bit số nguyên, chuỗi, và boolean, nhưng bạn có thể tận dụng lợi thế của phương pháp uneval() (và một eval sau() trên thu hồi) để lưu trữ bất kỳ đối tượng. Nếu bạn đang xử lý các giá trị JSON thuần túy (thay vì các đối tượng JavaScript), hãy sử dụng JSON.stringify để lưu trữ và JSON.parse để truy xuất; điều này sẽ nhanh hơn và an toàn hơn.

var foo={people:['Bob','George','Smith','Grognak the Destroyer'],pie:true}; 
GM_setValue('myVeryOwnFoo',uneval(foo)); 
var fooReborn=eval(GM_getValue('myVeryOwnFoo','new Object()')); 
GM_log('People: '+fooReborn.people+' Pie:'+fooReborn.pie); 

Tôi có xu hướng sử dụng "đối tượng mới()" làm mặc định trong trường hợp này, nhưng bạn cũng có thể sử dụng "({})". Chỉ cần nhớ rằng "{}" đánh giá dưới dạng chuỗi chứ không phải đối tượng. Như thường lệ, eval() cẩn thận.

Answer 10

Lỗi thời: Firefox đã giảm hỗ trợ cho E4X, trong tập lệnh Greasemonkey, với phiên bản FF 17. Sử dụng GM_info để nhận siêu dữ liệu.

---

Bạn có thể sử dụng để truy cập thông tin E4X == UserScript == bạn như là một biến:

var metadata=<> 
// ==UserScript== 
// @name   search greasemonkey 
// @namespace  foo 
// @include  http://*.google.com/* 
// @include  http://*.google.ca/* 
// @include  http://search.*.com/* 
// @include  http://*.yahoo.com/* 
// ==/UserScript== 
</>.toString();