it-swarm.asia

Google Chrome'un varsayılan CSS’sini değiştirin

Chrome tarafından kullanılan, bağlantıların altı çizili çizgileri kaldırmak gibi varsayılan CSS’yi değiştirebilmek istiyorum. Ancak, Chrome tarafından kullanılan varsayılan CSS dosyasını bulamıyorum. onun Nerede olduğunu bilen var mı?

41
George IV

(Güncelleme 2014) Kullanıcı stil sayfalarının desteği yakın bir zaman önce kaldırıldı Google Chrome'dan, bu an için tek seçenek uzantıları kullanmaktır (örneğin Stylus * 1), ancak bunlar farklı davranın (aşağıya bakınız).

Google Chrome'da gerçek kullanıcı stil sayfalarının yeniden tanıtılması için en uygun istek Sayı 347016: Kullanıcı stil sayfalarını destekleyin .

Şartname uyarınca, "gerçek kullanıcı stil sayfası" kuralı alt Menşei özgüllük yazar kuralına göre art arda ancak !important kullanıcı stil sayfası kuralları, yüksek Menşe özgüllüğü , !important yazar kuralından bağımsız olarak, selector özgüllük .

Chrome'daki kullanıcı stil sayfalarını taklit eden uzantılar, son stil öğesini basitçe sayfaya enjekte eder (bazı sonuçlar doğurabilir):

  • bu tarz, basamağında "yazar düzeyinde" 'dir, bu nedenle !important kuralınızın geçersiz kılmak istediğinizden daha yüksek bir özgüllüğe sahip olduğundan emin olmalısınız
  • "Enjekte Edilen" tarzınız sayfa komut dosyalarına maruz kaldığından, istedikleri zaman kolayca silebilirler.

* 1 Orijinal uzantı, Şık , şu anda (2017) yeni bir hizmetçi tarafından düzensiz gelişme durumunda, bu nedenle bundan kaçınmanızı ve yukarıda belirtilen Stylus gibi bir alternatif kullanmanızı öneririm.


(Orijinal cevabı takip etmek artık eskidir.)

Afaik UA css'in kendisini Tweak yapmak mümkün değildir, ancak global bir kullanıcı tipi yapabilirsiniz: Chrome'u bir kez --enable-user-stylesheet ile başlatın. Bu, kullanabileceğiniz <user-data-dir>/<profile>/User StyleSheet/Custom.css 'u yaratacaktır (değişiklikler hemen yayılır). http://code.google.com/p/chromium/issues/detail?id=239

31
myf

Bu tartışmaya bir göz atabilirsiniz: Sayı 2393: Kullanıcı stil sayfasını destekleyin

Sonunda, Chrome'u başlatırken --enable-user-stylesheet parametresinin özel stil sayfalarını etkinleştireceğini söylüyorlar.

8

Her html sayfasına stil girişi ekleyen ve bağlantıların altını kesen bir Greasemonkey komut dosyası kullanmayı düşünebileceğim tek çözüm. Gibi bir şey:

<style> a {text-decoration:none} </style>

Bu makale görünüşte başlamanıza yardımcı olabilir:
NASIL YAPILIR: Google Chrome Greasemonkey Komut Dosyalarını Yükle (Yalnızca Windows)

4
harrymc

Belirli web sitelerini özelleştirmekle ilgileniyorsanız greasemonkey tarzı kullanıcı komut dosyaları kullanabilirsiniz.

2
Kevin Panko

2018’de Chrome> = 68.0.3440.106 (ve muhtemelen çok daha erken)

Zaten çeşitli geliştirme kullanımları için Resource Override uzantısına sahiptim, şimdi JIRA’daki bazı kötü stil seçeneklerini düzeltmek için kendi stil sayfamı eklemek için kullanıyorum (ve daha fazla reklam gizlemek için kullanıyorum). Kullandığım seçenek "Enjekte Dosya" dır ve çok iyi çalışıyor. 'Url' ayarını yalnızca belirli sitelerde çalışmasını sağlamak için düzenlemeyi denemedim, ancak css seçicilerim url'yi '*' olarak bırakabilecek kadar belirli

0
eon

Bu arada, stilsiz sayfalar için bir stil sayfasının nasıl sağlanacağına dair bir çözüm ararken karşılaştım. Yukarıdaki çözümlerin hiçbiri bana çok yardımcı olmadı ve 09/2018 itibariyle krom daha önce kaldırılan özel stil sayfası işlevini desteklemiyor.

Karşılaştığım ve kullanım durumum için cazibe gibi çalışan çözüm, stil sayfaları yoksa, özel css'imi sayfanın başlığına ekleyen özel bir js betiği ile bu chrome addon kullanılarak elde edilir. Bağlantılı herhangi bir stil sayfasına sahip bir sayfada çalışmaz, ancak benim kullanım durumum için bu yeterlidir.

İşte kullandığım JS betiği:

window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");
    console.log(document.styleSheets); 
    if (document.styleSheets.length > 0) {
        return;
    }

    var css = `
    /*Your CSS goes here*/
    `;
    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);
  });
0
Maroš Beťko

Kullanım tarzı enjektör olarak Şık kullanımda bir sorun var:
!important OLMADAN KULLANICI ÖNCELIK SEVIYESI _[!important olmadan yazar öncelik seviyesi]

Bu yüzden kullanıcı-senaryosunu enjektör olarak yazıyorum:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

prensip:
Web sayfası yazarının stilinden önce document.head.prependChild() adresindeki stilin enjekte edilmesi, kullanıcı stili bindirmesini önlemek için daha düşük önceliğe sahiptir.

0
Sista Fiolen

Krom css ui stilini değiştirebilirsiniz. Sadece değiştirirseniz, Örnek: #footer {color:#5F5F5F !important;} gibi bazı efektlerin #footer kullanan her sitede değişeceğini unutmayın. Uyarıldın. Custom.css, krom tarayıcılardaki hemen hemen her şeyi değiştirir

Windows XP Google Chrome:

C:\Belgeler ve Ayarlar \% USERNAME%\Yerel Ayarlar\Uygulama Verileri\Google\Chrome\Kullanıcı Verileri\Varsayılan

Krom:

C:\Belgeler ve Ayarlar \% USERNAME%\Yerel Ayarlar\Uygulama Verileri\Chromium\Kullanıcı Verileri\Varsayılan\Kullanıcı Stili Sayfaları

Windows 7 veya Vista (yardım bölümünde yardım) Google Chrome:

C:\Kullanıcılar \% USERNAME%\AppData\Local\Google\Chrome\Kullanıcı Verileri\Varsayılan\Kullanıcı Stil Sayfaları

Krom:

C:\Kullanıcılar \% USERNAME%\AppData\Local\Chromium\Kullanıcı Verileri\Varsayılan\Kullanıcı StyleSheets

Mac OS X Google Chrome:

~/Kütüphane/Uygulama Desteği/Google/Chrome/Varsayılan/Kullanıcı Stil Sayfaları

Krom:

~/Kütüphane/Uygulama Desteği/Chromium/Default/User StyleSheets

Linux Google Chrome:

~/.config/google-chrome/Varsayılan/Kullanıcı Stil Sayfaları

Krom:

~/.Config/krom/Standart

Chrome OS

/ Home/chronos /

Program editörü için temamı kontrol etmek ister misiniz http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

Beni kontrol etmekten çekinmeyin, kullanıcı arayüzü stil sayfaları veya facebook google.etc gibi rastgele siteler oluşturup onları siyah/kırmızı yapmaktan çekinmeyin.

0