Chciałbym móc zmienić domyślny CSS używany przez chrome, na przykład usunąć podkreślenia linków itp. Jednak nie mogę znaleźć domyślnego pliku CSS używanego przez Chrome. Czy ktoś wie, gdzie to jest?
Chciałbym móc zmienić domyślny CSS używany przez chrome, na przykład usunąć podkreślenia linków itp. Jednak nie mogę znaleźć domyślnego pliku CSS używanego przez Chrome. Czy ktoś wie, gdzie to jest?
Odpowiedzi:
(Aktualizacja 2014) Ponieważ obsługa arkuszy stylów użytkownika została niedawno usunięta z Google Chrome, jedyną opcją w tym momencie jest użycie rozszerzeń (takich jak Stylus * 1), ale będą one działały inaczej (patrz poniżej).
Najbardziej odpowiednie żądanie ponownego wprowadzenia prawdziwych arkuszy stylów użytkownika w Google Chrome to numer 347016: Obsługa arkuszy stylów użytkownika .
Specyfikacją, „true stylów użytkownika” reguła ma niższe pochodzenie specyficzności w kaskadzie niż regułę autora, ale !important
zasady arkusz stylów użytkownik ma wyższą specyficzność pochodzenie niż !important
reguły autora, niezależnie od jego wyboru specyfiki .
Rozszerzenia naśladujące arkusze stylów użytkownika w Chrome po prostu wstrzykują (mam nadzieję) ostatni element stylu do strony, co ma pewne konsekwencje:
!important
reguła ma wyższą specyficzność niż ta, którą chcesz zastąpić* 1 Oryginalne rozszerzenie, Stylish , jest obecnie (2017 r.) W stanie nieregularnego rozwoju przez nowego mainetainera, więc radzę go unikać i stosować alternatywę, jak wspomniany wyżej Stylus.
(Podążanie za oryginalną odpowiedzią jest już nieaktualne).
Afaik nie jest możliwe dostrajanie samego css UA, ale możesz stworzyć globalny styl użytkownika: uruchom Chrome raz --enable-user-stylesheet
. Spowoduje to utworzenie, z <user-data-dir>/<profile>/User StyleSheet/Custom.css
którego można korzystać (zmiany są natychmiast propagowane).
http://code.google.com/p/chromium/issues/detail?id=2393
Custom.css
i już User Stylesheets
nie istnieją)
Możesz rzucić okiem na tę dyskusję: Problem 2393: Arkusz stylów obsługi użytkowników
Na samym końcu wspominają, że --enable-user-stylesheet
parametr podczas uruchamiania Chrome włącza niestandardowe arkusze stylów.
Jedyne rozwiązanie, jakie mogę wymyślić, to użycie skryptu Greasemonkey, który dodaje styl do każdej strony HTML, która wyłącza podkreślenia linków. Coś jak:
<style> a {text-decoration:none} </style>
Ten artykuł może najwidoczniej zacząć:
JAK: Instalować skrypty Google Chrome Greasemonkey (tylko system Windows)
<style>
kod z cytatu blokowego na kod, abyś nie musiał się martwić o „dodatkowe spacje”
Jeśli chcesz dostosować określone strony internetowe, możesz użyć skryptów użytkownika w stylu fatmonkey .
Możesz zmienić styl css ui chromes. Pamiętaj tylko, że jeśli to zmienisz, niektóre efekty, takie jak Przykład: #footer {color:#5F5F5F !important;}
zmienią się w każdej witrynie używającej #footer. Zostałeś ostrzeżony. Custom.css zmienia prawie wszystko w przeglądarkach Chrome
Windows XP Google Chrome:
C: \ Documents and Settings \% USERNAME% \ Ustawienia lokalne \ Dane aplikacji \ Google \ Chrome \ Dane użytkownika \ Domyślne
Chrom:
C: \ Documents and Settings \% USERNAME% \ Local Settings \ Application Data \ Chromium \ User Data \ Default \ User StyleSheets
Windows 7 lub Vista (pomoc w sekcji pomocy) Google Chrome:
C: \ Users \% USERNAME% \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ User StyleSheets
Chrom:
C: \ Users \% USERNAME% \ AppData \ Local \ Chromium \ User Data \ Default \ User StyleSheets
Mac OS X Google Chrome:
~ / Library / Application Support / Google / Chrome / Default / User StyleSheets
Chrom:
~ / Biblioteka / Obsługa aplikacji / Chromium / Default / User StyleSheets
Linux Google Chrome:
~ / .config / google-chrome / Default / User StyleSheets
Chrom:
~ / .config / chromium / Default
Chrome OS
/ home / chronos /
Chcesz dowód, sprawdź mój motyw edytora programu http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat
Zapraszam do sprawdzenia, tworzę arkusze stylów interfejsu użytkownika lub losowe witryny, takie jak Facebook google.etc, i robię je czarno-czerwone.
Występuje problem podczas używania Stylowego jako aplikatora w stylu
użytkownika!important
: poziom priorytetu użytkownika bez jest wyższy niż poziom priorytetu autora bez!important
Piszę więc skrypt użytkownika jako iniektor:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js
Zasada:
Styl wstrzykiwania w document.head.prependChild()
, przed stylem autora strony, ma niższy priorytet, aby uniknąć nakładki w stylu użytkownika.
document.head.prependChild()
, aby uniknąć nakładki stylu użytkownika.
W 2018 r. Chrome> = 68.0.3440.106 (i prawdopodobnie znacznie wcześniej)
Miałem już rozszerzenie Zastępowanie zasobów do różnych zastosowań programistycznych, więc teraz używam tego, aby dodać własny arkusz stylów, aby naprawić niektóre złe style w JIRA (i aby ukryć więcej reklam - heh heh). Opcją, której używam jest „Inject File” i działa bardzo dobrze. Nie próbowałem ponownie generować ustawienia „url”, aby działało tylko w określonych witrynach, ale moje selektory css są na tyle szczegółowe, że mogę po prostu pozostawić adres URL jako „*”
Natknąłem się na to pytanie, szukając rozwiązania, w jaki sposób dostarczyć arkusz stylów dla niestylizowanych stron. Żadne z powyższych rozwiązań nie pomogło mi zbytnio w dniu 09/2018 chrome nie obsługuje wcześniej usuniętej niestandardowej funkcji arkusza stylów.
Rozwiązanie, które wymyśliłem i które działa jak urok w moim przypadku użycia, zostało osiągnięte poprzez użycie tego chromowanego dodatku ze niestandardowym skryptem js, który wstawia mój niestandardowy css do nagłówka strony, jeśli nie ma żadnych arkuszy stylów. Nie będzie działał na stronie, do której jest podłączony dowolny arkusz stylów, ale w moim przypadku jest wystarczający.
Oto skrypt JS, którego używam:
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);
});