Bagaimana Menukar Kelas CSS dengan Skrip Greasemonkey/Tampermonkey?

Tukar CSS Kelas dengan Skrip Greasemonkey/Tampermonkey

Untuk mengubah imej latar belakang kelas tertentu, seperti "banner_url", anda boleh memanfaatkan lata CSS dengan menambah helaian gaya ke halaman menggunakan GM_addStyle().

// ==UserScript==
// @name     Override banner_url styles
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @grant    GM_addStyle
// @run-at   document-start
// ==/UserScript==

GM_addStyle ( `
    .banner_url {
        background: url('http://www.pxleyes.com/images/contests/kiwis/fullsize/sourceimage.jpg') no-repeat center center fixed !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }
` );

Dengan menggunakan @run-at document-start, anda boleh meminimumkan "kerlipan" visual semasa perubahan gaya. Ambil perhatian bahawa untuk Greasemonkey 4, GM_addStyle() tidak berfungsi. Adalah disyorkan untuk bertukar kepada Tampermonkey atau Violentmonkey. Untuk pengguna Greasemonkey 4, shim disediakan untuk GM_addStyle(). Selain itu, untuk manipulasi CSS tulen, pertimbangkan untuk menggunakan sambungan Stylus dan bukannya Greasemonkey/Tampermonkey.

Atas ialah kandungan terperinci Bagaimana Menukar Kelas CSS dengan Skrip Greasemonkey/Tampermonkey?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!