Korzystanie z konsoli www FF vs. łatwa nauka css

[ff2017]

Czy da sie jakoś łatwo nauczyć modyfikacji wyglądu strony przy pomocy konsoli www?
Chodzi o to, że eksperymentując przy konsoli potrafię znaleźć modyfikacje parametrów kodu żeby zmienić stronę pod siebie. Nawet pliki css w tej konsoli skutecznie zmieniałem.

Teraz tylko chodzi o to jak to przełożyć łatwo na użycie w dodatkach do przeglądarki modyfikujących wygląd jak Stylish czy temu podobne? bo mi nic z tego nie wychodzi.
Myślałem, że to będzie o wiele prostsze skoro umiem przestawić parametry w konsoli czy edytorze stylów tejże konsoli.

[dexter]

Oczywiście jest to poprawne podejście. Po edycji w edytorze stylów masz tam taką kartę "Lokale zmiany". To co tam jest z plusem możesz przenieść do Stylish.

Tylko jest tu mały problem, bo kaskada stylów może spowodować, że twoje zmiany mogą zostać nie uwzględnione w końcowym rozrachunku. Musisz sprawdzić w inspektorze, czy twoje zmiany ze Stylish nie są przekreślone. Możesz wtedy dodać deklarację !important;, wtedy twoja definicja uzyska priorytet nad pozostałymi.

[krystian3w]

Raczej Firefox 44 nie ma "Lokalne Zmiany".

Poza tym jego Stylish jest w wersji z starym interfejsem, więc trzeba by pamiętać wygląd wersji XUL/XPCOM.

[ff2017]

No właśnie mam ograniczenia software'owe do wersji FF 52.9 ale też mogę skorzystać z MyPal 28. System XP niestety.
Jednak kilka latek temu przecież ludzie jakoś sobie też radzili ze Stylish na przeglądarkach, więc chciałbym poznać te dawniejsze metody.

[krystian3w]

Podejrzewam że wzięli monitory ze śmietnika by nie używać starego CRT z "tyłkiem".

Podejrzewam, że sterowanie kursorem na tamtych monitorach magnesikiem to żart dla naiwnych (kolory szaleją ale nie przemieszcza kursora z odległej lokalizacji - zakrzywienie się nie liczy jako przemieszczenie).

[ff2017]

Wyczuwam jakiś sarkazm w moją stronę... ale trudno ;} Ja lubię stare, bo jak dla mnie lepsze było kiedyś.

No dobra.... to może ugryźmy temat z innej strony...
Jakbym wziął porządnego kompa znajomego i tam odpalę najnowszego FF oraz Stylish taki najnowszy to czy po określeniu odpowiedniego kodu sposobem jak radzi DEXTER, będę mógł go potem przekopiować do starego Stylish i będzie on robił robotę w starych przeglądarkach z dużym prawdopodobieństwem poprawnie?

[krystian3w]

Ja myślę, że nie jest potrzebny, pewnie możesz dla przykładowych teleskopów skopiować, to co masz dla rozdzielczości powyżej "1200" i w stylish dopisać !important (np. znajdź ";" i zamień na "!important;").

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception

Możesz nawet pominąć @media w Stylish.

Wtedy styl będzie działał dla każdej szerokości okna i mała szansa, że coś ma moc nadpisać ustawienia strony, jeśli stary Stylish stosuje też tag <style>:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style

Jedynie lipa z elementami typu:

Kod: Zaznacz cały

<p style="font-size: 6px !important;"> hahaha kup lupę </p>

Takie coś umieją nadpisać czasem glicze z animacją obiektu w CCS3/CSS4 (chociaż mnie on zadziałał raz na przynajmniej 20 prób) lub jakieś API dodatków "user_stylesheet" ("css.tabsinsert()" - to używa np. uBO/AdGuard do ukrywania resztek reklamowych)

[ff2017]

Sorry Krystian, ja nadal niezbyt ogarniam sytuację, ale dziękuję za poświęcony czas.

Mam dostęp do FF81 ale i tak nie można tam dostosować wielkości strony do ekranu nawet o innych proporcjach. Używam małych ekranów np. laptopa. Stale przechodzi w tryb wyświetlania dla mobilnych ekranów, a ja chce klasycznie z suwakami.

Jak już pisałem wystarczy poprzestawiać w css. rozdzielczości w deklaracji @media i działa tak jak chcę.
ale Stylish nadal nie potrafię zaprogramować.

Czy istnieje jakiś dodatek na dowolną wersję FireFoxa którym łatwo mogę zmusić witrynę do używania mojego modyfikowanego całego pliku css z tejże stronki?

[krystian3w]

Myślę, że tak łatwego to nie ma, stare @media dalej istnieje, trzeba by je kompletnie zablokować chyba w uBO / Adblock Plus z ładowania i posiłkować się swoim zmodyfikowanym CSS.

Kod: Zaznacz cały

||teleskopy.pl/stylesheet.css

https://pastebin.com/raw/xGCTe9fg

Raczej nikt nie będzie kombinować by 3/4 CSS przepisać tak by nadpisywało układ dla ekranów z szerokością mniejszą niż 1000px (np. prawa kolumna wyświetla się pod lewą... jak się to zrobi źle).

Wadą blokowania będzie się starzenie CSS jak coś zmienią, raczej data 2003 to jakaś stara nieaktualizowana, nie wydaje mi się by @media() było popularne w 2003 lub istniało już - niby pojawiło się w okolicy Firefox 3.5 z 2009 roku.

Z resztą RWD chyba będzie jeszcze gorzej jak też chowa ci jakieś kolumny, a nie próbuje zrobić wygodny układ.

[ff2017]

BRAWO Krystianie i Dexter!
No to trzeba było tak od razu prosto wytłumaczyć mi, że wystarczy przekopiować zawartość tekstową całości pliczku zmodyfikowanego ".css" (przetestowanego w firefoxowym inspektorze stylów) do Stylish'a i zablokować AdBlockiem stary plik serwerowy css.

Zrobiłem to po swojemu, czyli tylko zmiana dwóch cyferek przy warunkach rozdzielczości ekranów @media
odpowiednio na 800 i 801.

Stronka wygląda dokładnie tak jak chciałem, czyli mocno powiększona poza ekran, ładnie proporcjonalnie przeskalowana w każdym elemencie, za to z suwaczkami. Prosto szybko i sprawnie.

Dziękuję za naprowadzenie.

Teraz pora na próby opracowania modyfikacji .css innych kłopotliwych serwisów według podpowiedzianych metod. Może się uda osiągnąć własny komfort przy przeglądaniu współczesnego Neta, nie będąc przymuszanym do przesadnej nowoczesności.
Jednak one są zupełnie inaczej programowane, bardzo skomplikowanie, na wiele ekranów, więc pewno niewiele się zdziała.

P.S.
Jestem świadomy tego, że co jakiś czas trzeba będzie pewno uaktualnić kod css gdy go zmienią w oryginale.

[covo]

lubie zapalencow,ale czy na tym powinno polegac korzystanie z przegladarki?? cos mi sie zdaje, ze powinna pokazywac taka www, jaka jest i to jako czytelna...

[krystian3w]

Ta niestety w układzie mobilnym jest upośledzona, autorzy nie mieli pomysłu gdzie przenieść np. koszyk czy wyszukiwarkę lub jak ją wyświetlać w układzie poziomego bloku (sic!).