X FOR HAN ARK VUR
» SAM INFO AKT BSK

Internetbrowsere - tips og tweaks


Svar
jaesjaesSkrevet 20/05-18 15:11, rettet 20/05-18 19:53 
Da jeg har siddet ret lang tid - er ikke koder - og tilpasset Firefox til mine behov, kan jeg ligeså godt dele mine noter/resultatet.

Tråden kan bruges til tips og tweaks for andre browsere også - det er jo blandt den type programmer, folk bruger flest timer på, så i længden er det rart, at det spiller ordentligt.

---

Firefox er stadig min favorit, selvom der IMO ikke er den store forskel på browsere i dag. Desværre skruede Mozilla, for nogle måneder siden, gevaldigt ned for hvilke type add-ons man kan installere, så man må pille lidt under dækslet i nogle tilfælde (themes er ikke altid løsningen).

Mine tweaks er herunder - de fleste er ret subtile, men vigtige i min hverdag. Flere af dem kan tilpasses egne behov. Udgangspunktet er Light theme (indbygget i Firefox), men det virker også fint i de to andre indbyggede themes (Default og Dark).
Se billeder nederst fra før og efter.

Undgå slørrede billeder ved gif/png-format når man zoomer billedet
===================================================

- Åben ny tab
- about:profiles > Enter > Root Directory > Open folder
- Hvis der ikke findes en mappe med navnet Chrome, så opret den og lav en fil kaldet UserContent.css
- Indsæt i filen, gem og genstart browseren:
img[src$=".gif"] { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
img[src$=".png"] { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

Indsætte lodrette streger mellem ikoner i Menu Bar for mere behagelig navigation
=============================================================

- Åben ny tab
- about:config > Enter > Søg efter browser.uiCustomization.state
- Dobbeltklik og indsæt "customizableui-special-separator2" hver gang der skal være en streg, adskil med komma. Nb. første gang skal det være separator2, de næste gange et andet tal (fx separator3 osv.)
- Tryk ok og genstart

Flytte Tab Bar ned under Navigation Bar
==============================

- Opret evt. Chrome-mappe og lav fil kaldet userChrome.css (se tidligere forklaring)
- Indsæt, gem og genstart browser:
/* Tab bar below Navigation & Bookmarks Toolbars
For best results, show Title Bar or Menu Bar */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
border-top-width: 0 !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
}

Gør aktiv tab blå med ændret font og lukke-knap
====================================

- Gør som herover mht. userChrome.css
- Indsæt, gem og genstart browser:
.tab-background[selected="true"] {
background-attachment: none!important;
background-color: #0087ff !important;
background-image: none!important;
background-position: none!important;
background-repeat: none!important;
background-size: none!important;
}
#TabsToolbar .tabbrowser-tab[selected] {
color: #ffffff !important;
font-weight: bold !important;
}
.tabbrowser-tab .close-icon {
fill: black !important;
background-color: white !important;
border-radius: 2px;
}
.tabbrowser-tab .close-icon:hover {
fill: white !important;
background-color: black !important;
border-radius: 2px;
}
/* Hide blue stripe on active tab */
.tab-line[selected="true"] {
opacity: 0 !important;
}

Indsæt sort streg under tabs - nu hvor den er flyttet ned er der ingen streg under, og det giver bedre kontrast til indholdet på sider med lys baggrund
====================================================================================

- Gør som herover mht. userChrome.css
- Indsæt, gem og genstart browser:
#navigator-toolbox { border-bottom: 1px solid #000000;
}

Gør tabs bredere - de er meget smalle som standard
========================================

- Åben ny tab
- about:config > Enter > Søg efter browser.tabs.tabMinWidth
- Dobbeltklik og ændr værdi

PNG før/efter:
Internetbrowsere - tips og tweaks
Internetbrowsere - tips og tweaks

UI før/efter:
Internetbrowsere - tips og tweaks
Internetbrowsere - tips og tweaks
Login for at besvare
Profilnavn
Kodeord
Husk mig