browser

• firefox

  • restart firefox

  • to show injected web content

  • cleanup firefox databbase

  • customized firefox style

• chrome

  • shortcut

  • download

  • tips

  • extensions

• chromium

references:

• CSS Selector Reference

• CSS Selectors

• Understand ‘+’, ‘>’ and ‘~’ symbols in CSS Selector

• 10 CSS3 Properties You Need to Be Familiar With

• CSS: Cascading Style Sheets

  • :is()

• A list of Font Awesome icons and their CSS content values

firefox

restart firefox

about:restartrequired

to show injected web content

[!NOTE|label:references:]

• website will not allow firefox to display the page if another site has embedded it

• go to about:config

• search for security.csp.enable, and set it to false

  

  firefox disable security.csp.enable

cleanup firefox databbase

$ pgrep -u `id -u` firefox-bin || find ~/.mozilla/firefox -name '*.sqlite'|(while read -e f; do echo 'vacuum;'|sqlite3 "$f" ; done)

customized firefox style

userChrome.css

• Profiles - Where Firefox stores your bookmarks, passwords and other user data

• How To Customise Firefox 57+ UI with userChrome.css

• Aris-t2/CustomCSSforFx

• steps:

  • open your currently active profile folder

  • create a new folder named chrome

  • create a desktop shortcut (alias) to the chrome folder for easier future access

  • make sure your OS is set to show you file extensions like .txt and .css

  • create a new text file inside the chrome folder named userChrome.css

  • change a preference in Firefox so it looks for your files at startup (in Firefox 69+)

• unlock custom css usage in firefox 69 and newer

  • about:config

  • toolkit.legacyUserProfileCustomizations.stylesheets

  • true

• where to find firefox profile folder? the correct location for user styles

  • about:support > Profile Folder > Open Folder or about:profiles > Root Directory > Open Folder

  • User styles belong into <profile_folder>\chrome\ folder

• inspect ui or web content

  • Enable once

    • Tools > WebDeveloper > Toggle Tools > 'Customize Tools and get help button' > Settings > Enable browser chrome and add-on debugging toolboxes

    • Tools > WebDeveloper > Toggle Tools > 'Customize Tools and get help button' > Settings > Enable remote debugging

    • Hit Ctrl+Alt+Shift+I or open Tools > WebDeveloper > Browser Toolbox

remove blue line for active tab

• How to hide or change the color of the blue line over the tab?

  /* Hide blue stripe on active tab */
  .tab-line[selected="true"] {
    opacity: 0 !important;
  }

• take out blue on top of tab

  .tab-line { display: none !important; }

• is there any way to disable the blue line on top of the currently selected tab?

  #TabsToolbar .tabbrowser-tab[selected] .tab-line {
      display: none !important;
  }

  or

  #TabsToolbar .tabbrowser-tab .tab-line {
      display: none !important;
  }

• [help] The blue line on top of active tab is back in Firefox 60

  #tabbrowser-tabs {
    --tab-line-color: var(--lwt-accent-color) !important;
  }

• Change active tab line color in Tree Style Tabs?

  :root .tab .highlighter::before {
    <do something>
  }

• How to remove the thin blue bar on top of active tabs?

  .tab-line {
      background-color:#f5f6f7 !important;
  }

  or

  .tabbrowser-tab:not([selected="true"]):hover .tab-line {
     background-color: #cccdcf !important;
  }

• [SOLVED] How to change active tab background color in css?

  #main-window[lwthemetextcolor=bright] tab[selected="true"] {
    color: blue !important;
  }
  #main-window[lwthemetextcolor=bright] tab[selected="true"] .tab-background {
    background-color: gold !important;
    background-image: none !important;
  }

  or

  /* ACTIVE TAB BACKGROUND COLOR */
  
  .tab-content[selected="true"] {
    background: rgba(65, 85, 145, 0.4) !important;
  }

chrome

shortcut

[!TIP] references:

• Keyboard shortcut to pull Google Chrome tab into its own window

• duplicate tab in same window

KEY	DESCRIPTION	COMMENTS
⇧ + w	move tab to new windows by using Vimium	shift + w
⌘ + l ⇢ ⇧ + ⏎	duplicate tab to new window	cmd+l ⇢ shift+enter
⌘ + l ⇢ ⌥ + ⏎	duplicate tab to same window	cmd+l ⇢ option+enter
⌥ + ⌘ + i	open developer tools	option + command + i

download

[!NOTE|label:references:]

• Google Chrome Older Versions Download

• How to Download and Install Google Chrome On Mac OS

• download standalone version via : https://www.google.com/chrome/?standalone=1

• download for OSX : https://www.google.com/chrome/?platform=mac

  • standalone for OSX : https://www.google.com/chrome/?platform=mac&standalone=1

• download for linux : https://www.google.com/chrome/?platform=linux

  • standalone for linux : https://www.google.com/chrome/?platform=linux&standalone=1

tips

[!NOTE|label:references:]

• [Tips & tricks for Chrome](https://support.google.com/chrome/answer/3098656?hl=enTips and shortcuts for better browsing)

• Tips and shortcuts for better browsing

disable is not secure for http URL

• settings -> Privacy and security -> Security -> Secure connections -> Always use secure connections

  

  http not secure

disable input box auto-fill

• settings -> Autofill and passwords -> Addresses and more -> Save and fill addresses

  

  disable autofill

remove "All Bookmarks"

[!NOTE|label:references:]

• How to remove "All Bookmarks" (Alle Lesezeichen) ?

• How do I get rid of the "All Bookmarks" tab?

• open about://flags

• disable Power bookmarks side panel

restart

• chrome://restart

chrome://chrome-urls

[!NOTE|label:references:]

• 我所了解的Chrome(不看你真的错过了)

• chrome://flags/ 中有哪些值得调整的选项？

• chrome默认隐身模式

• all in one

  • chrome://about/ or about:about

  • chrome://chrome-urls/ or about:chrome-urls

  • chrome://predictors/ or about:predictors

• quick open

  • chrome://downloads/ or about:download

  • chrome://version or about:version

  • chrome://settings/ or about:settings

  • chrome://flags/ or about:flags

• utilities

  • • chrome://dino/ or about:dino

  • chrome://translate-internals/ or about:translate-internals

  • chrome://user-actions/ or about:user-actions

  • chrome://whats-new/ or about:whats-new

  • chrome://topics-internals/ or about:topics-internals

  • chrome://quota-internals/ or about:quota-internals

  • chrome://profile-internals/ or about:profile-internals

  • chrome://prefs-internals/ or about:prefs-internals

  • chrome://password-manager-internals/ or about:password-manager-internals

  • chrome://ukm/ or about:ukm

  • chrome://components/ or about:components

  • chrome://sync-internals

• debug

  • chrome://local-state/ or about:local-state

  • chrome://process-internals/ or about:process-internals

  • chrome://system/ or about:system

  • chrome://history-clusters-internals/ or about:history-clusters-internals

  • chrome://web-app-internals/ or about:web-app-internals

  • chrome://histograms/ or about:histograms

  • chrome://gpu/ or about:gpu

  • chrome://net-internals/ or about:net-internals

  • chrome://net-export/ or about:net-export

  • chrome://device-log/ or about:device-log

  • chrome://badcastcrash/ or about:badcastcrash

  • chrome://inducebrowsercrashforrealz/ or about:inducebrowsercrashforrealz

  • chrome://inducebrowserdcheckforrealz/ or about:inducebrowserdcheckforrealz

  • chrome://crash/ or about:crash

  • chrome://crashdump/ or about:crashdump

  • chrome://kill/ or about:kill

  • chrome://hang/ or about:hang

  • chrome://shorthang/ or about:shorthang

  • chrome://gpuclean/ or about:gpuclean

  • chrome://gpucrash/ or about:gpucrash

  • chrome://gpuhang/ or about:gpuhang

  • chrome://memory-exhaust/ or about:memory-exhaust

  • chrome://memory-pressure-critical/ or about:memory-pressure-critical

  • chrome://memory-pressure-moderate/ or about:memory-pressure-moderate

  • chrome://quit/ or about:quit

  • chrome://restart/ or about:restart

incognito mode

[HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command]
@="\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\" -incognito -- \"%1\""
[HKEY_CLASSES_ROOT\htmlfile\shell\open\command]
@="\"C:\\Program Files\\Internet Explorer\\iexplore.exe\" -incognito %1"
"DelegateExecute"="{17FE9752-0B5A-4665-84CD-569794602F5C}"

extensions

[!NOTE|label:references:]

• crx download

UUID

• bpojelgakakmcfmjfilgdlmhefphglae: Set Character Encoding

• caclkomlalccbpcdllchkeecicepbmbm: Advanced Font Settings

• ckkdlimhmcjmikdlpkmbgfkaikojcbjk: Markdown View

• clngdbkpkpeebahjckkjfobafhncgmne: Stylus

• fjnbnpbmkenffdnngjfgmeleoegfcffe: Stylish

• dbepggeogbaibhgnhhndojpepiihcmeb: Vimium

• gbmdgpbipfallnflgajpaliibnhdgobh: JSON View

• ggaabchcecdbomdcnbahdfddfikjmphe: Chrome Capture

• ghgabhipcejejjmhhchfonmamedcbeod: Click&Clean

• gieabiemggnpnminflinemaickipbebg: CSS Scan

• ieelmcmcagommplceebfedjlakkhpden: Disable Content-Security-Policy

• jlgkpaicikihijadgifklkbpdajbkhjo: CrxMouse

• kpppomnoahmhnmmamjfbnnnmeabkjcni: Color Picker

• lobiadjfmkomemokdfhiaaaidgdhcded: Ultimate Color Picker

• mcbpblocgmgfnpjjppndjkmgjaogfceg: FireShot

• mnamhmcgcfflfjafflanbhbfffpmkmmm: Dream Afar New Tab

• ocllfmhjhfmogablefmibmjcodggknml: Recent Tab

• padekgcemlokbadohgkifijomclgjgif: Proxy SwitchOmega

• invalid

  • kdcjmllhmhnnadianfhhnoefgcdbpdap: smooth gestures plus | official website

  • njabckikapfpffapmjgojcnbfjonfjfg: Export cookies.txt

• theme

  • aghfnjkcakhmadgdomlmlhhaocbkloab: Just Black

switch recently used tab

[!NOTE|label:references:]

• Recent Tabs

chromium

• download page : https://download-chromium.appspot.com -kdcjmllhmhnnadianfhhnoefgcdbpdap download for OSX : https://download-chromium.appspot.com/?platform=Mac&type=snapshots