You cannot use regular expressions with @match, while you can with @include. However, @include will give your users scarier security warnings about the script applying to all sites. This is even though an @include expression permits you to be more restrictive about the sites a script applies to (e.g. specifying that part of a URL … Read more
For this, just use the CSS cascade. Add a style sheet to the page with GM_addStyle(). Note: We use the !important flag to cover certain potential conflicts. Use @run-at document-start (or use Stylus, see below) to minimize “flicker” associated with changing styles after the initial render. A complete script: // ==UserScript== // @name _Override banner_url … Read more
// @match http://*/* will only match addresses starting with http://… but not https://… for example. Use the following to include all addresses if that’s what you really require (including local pages you may have saved on your hard-drive!).. // @match *://*/* Note: The method below also works at the time of writing by virtue of … Read more
Send mouse events. Like so: //— Get the first link that has “stackoverflow” in its URL. var targetNode = document.querySelector (“a[href*=’stackoverflow’]”); if (targetNode) { //— Simulate a natural mouse-click sequence. triggerMouseEvent (targetNode, “mouseover”); triggerMouseEvent (targetNode, “mousedown”); triggerMouseEvent (targetNode, “mouseup”); triggerMouseEvent (targetNode, “click”); } else console.log (“*** Target node not found!”); function triggerMouseEvent (node, eventType) { … Read more
There is no way to cleanly remove an event handler unless you stored a reference to the event handler at creation. I will generally add these to the main object on that page, then you can iterate and cleanly dispose of them when done with that object.
Yes, you can use a MessageEvent or a CustomEvent. Example usage: //Listen for the event window.addEventListener(“MyEventType”, function(evt) { alert(evt.detail); }, false); //Dispatch an event var evt = new CustomEvent(“MyEventType”, {detail: “Any Object Here”}); window.dispatchEvent(evt);
Never use .onclick(), or similar attributes from a userscript! (It’s also poor practice in a regular web page). The reason is that userscripts operate in a sandbox (“isolated world”), and onclick operates in the target-page scope and cannot see any functions your script creates. Always use addEventListener()Doc (or an equivalent library function, like jQuery .on()). … Read more
You could insert input fields without “name” attribute: <input type=”text” id=”in-between” /> Or you could simply remove them once the form is submitted (in jQuery): $(“form”).submit(function() { $(this).children(‘#in-between’).remove(); });
From “User Script Tip: Using jQuery – Erik Vold’s Blog” // ==UserScript== // @name jQuery For Chrome (A Cross Browser Example) // @namespace jQueryForChromeExample // @include * // @author Erik Vergobbi Vold & Tyler G. Hicks-Wright // @description This userscript is meant to be an example on how to use jQuery in a userscript on … Read more
In Chrome, most of the ES6 features are hidden behind a flag called “Experimental JavaScript features”. Visit chrome://flags/#enable-javascript-harmony, enable this flag, restart Chrome and you will get many new features. Arrow functions are not yet implemented in V8/Chrome, so this flag won’t “unlock” arrow functions. Since arrow functions are a syntax change, it is not … Read more