Question: How to injection css？ #718

getoutnow2013 · 2024-09-15T07:53:51Z

getoutnow2013
Sep 15, 2024

I've make 2 scripts to inject.

TestAlert.js - is a simply javascript alert
TestHideCss.js - inject hide everything under body

But only alert shows, inject css is fail.

How to inject css success? Can anyone give me a sample?
Thanks.

TestAlert.js Code:

// ==UserScript==
// @name         TestAlert
// @description  Alert
// @author       Userscripts
// @version      0.0.1
// @match        *://*/*
// @grant        none
// @inject-into  content
// ==/UserScript==

(function () {
  alert("This is a test script");
})();

TestHideCss.js Code:

// ==UserScript==
// @name         TestHideCss
// @description  Test CSS
// @version      0.0.1
// @author       getoutnow
// @match        *://*/*
// @grant        GM_addStyle
// ==/UserScript==

(function () {
  const myStyleCss = `body.readable { display:none !important; }`;
  document.body.className += 'readable';
  GM_addStyle(myStyleCss);
})();