# browser * [firefox](#firefox) * [restart firefox](#restart-firefox) * [to show injected web content](#to-show-injected-web-content) * [cleanup firefox databbase](#cleanup-firefox-databbase) * [customized firefox style](#customized-firefox-style) * [chrome](#chrome) * [shortcut](#shortcut) * [download](#download) * [tips](#tips) * [extensions](#extensions) * [chromium](#chromium) {% hint style="info" %} > references: > > * [CSS Selector Reference](https://www.w3schools.com/cssref/css_selectors.asp) > * [CSS Selectors](https://www.w3schools.com/css/css_selectors.asp) > * [Understand ‘+’, ‘>’ and ‘\~’ symbols in CSS Selector](https://techbrij.com/css-selector-adjacent-child-sibling) > * [10 CSS3 Properties You Need to Be Familiar With](https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048) > * [CSS: Cascading Style Sheets](https://developer.mozilla.org/en-US/docs/Web/CSS) > * [:is()](https://developer.mozilla.org/en-US/docs/Web/CSS/:is) > * [A list of Font Awesome icons and their CSS content values](https://astronautweb.co/snippet/font-awesome/) > {% endhint %} ### firefox #### [restart firefox](https://www.msftnext.com/how-to-restart-firefox-without-closing-tabs/) ``` 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](https://support.mozilla.org/en-US/kb/xframe-neterror-page?as=u\&utm_source=inproduct) * go to `about:config` * search for `security.csp.enable`, and set it to `false` ![firefox disable security.csp.enable](https://676843113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me-5q7RO3-g9rN8QNaK%2Fuploads%2Fgit-blob-c8fcb2e7b5de2cf4e38b072c1037348243db8cc8%2Ffirefox-security-csp-disable.png?alt=media) #### [cleanup firefox databbase](https://www.commandlinefu.com/commands/view/3147/cleanup-firefoxs-database.) ```bash $ 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`**](https://www.userchrome.org/how-create-userchrome-css.html) > * [Profiles - Where Firefox stores your bookmarks, passwords and other user data](https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data) > * [How To Customise Firefox 57+ UI with userChrome.css](http://forums.mozillazine.org/viewtopic.php?f=38\&t=3037817\&sid=ac9ffa618d12e89c0346c1f4963d2bba) > * [Aris-t2/CustomCSSforFx](https://github.com/Aris-t2/CustomCSSforFx/tree/master/classic) * steps: * open your currently active [profile folder](http://kb.mozillazine.org/Profile_folder#Folders) * 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](http://kb.mozillazine.org/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](https://github.com/Aris-t2/CustomCSSforFx#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](https://github.com/Aris-t2/CustomCSSforFx#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 `\chrome\` folder * [inspect ui or web content](https://github.com/Aris-t2/CustomCSSforFx) * 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?](https://support.mozilla.org/en-US/questions/1189959) ```css /* Hide blue stripe on active tab */ .tab-line[selected="true"] { opacity: 0 !important; } ``` * [take out blue on top of tab](https://support.mozilla.org/en-US/questions/1290337) ```css .tab-line { display: none !important; } ``` * [is there any way to disable the blue line on top of the currently selected tab?](https://www.reddit.com/r/firefox/comments/7745x4/is_there_any_way_to_disable_the_blue_line_on_top/) ```css #TabsToolbar .tabbrowser-tab[selected] .tab-line { display: none !important; } ``` or ```css #TabsToolbar .tabbrowser-tab .tab-line { display: none !important; } ``` * [\[help\] The blue line on top of active tab is back in Firefox 60](https://www.reddit.com/r/FirefoxCSS/comments/8hrpaf/help_the_blue_line_on_top_of_active_tab_is_back/) ```css #tabbrowser-tabs { --tab-line-color: var(--lwt-accent-color) !important; } ``` * [Change active tab line color in Tree Style Tabs?](https://www.reddit.com/r/FirefoxCSS/comments/hsiztn/change_active_tab_line_color_in_tree_style_tabs/) ```css :root .tab .highlighter::before { } ``` * [How to remove the thin blue bar on top of active tabs?](http://forums.mozillazine.org/viewtopic.php?f=38\&t=3035591) ```css .tab-line { background-color:#f5f6f7 !important; } ``` or ```css .tabbrowser-tab:not([selected="true"]):hover .tab-line { background-color: #cccdcf !important; } ``` * [\[SOLVED\] How to change active tab background color in css?](http://forums.mozillazine.org/viewtopic.php?f=38\&t=3048845) ```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 ```css /* 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](https://superuser.com/a/745584/112396) > * [duplicate tab in same window](https://superuser.com/a/1501694/112396) | 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](https://www.slimjet.com/chrome/google-chrome-old-version.php) > * [How to Download and Install Google Chrome On Mac OS](https://www.youtube.com/watch?v=BhmmLG_ZvGI) * download standalone version via : * download for OSX : * standalone for OSX : * download for linux : * standalone for linux : #### tips > \[!NOTE|label:references:] > > * \[Tips & tricks for Chrome]\( and shortcuts for better browsing) > * [Tips and shortcuts for better browsing](https://www.google.com/chrome/tips/) **disable `is not secure` for http URL** * [**settings**](chrome://settings) -> [**Privacy and security**](chrome://settings/security) -> [**Security**](chrome://settings/security) -> **Secure connections** -> `Always use secure connections` ![http not secure](https://676843113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me-5q7RO3-g9rN8QNaK%2Fuploads%2Fgit-blob-7aeb754cb581c53f187817282cf4c591fc63aee0%2Fchrome-http-not-secure.png?alt=media) **disable input box auto-fill** * [**settings**](chrome://settings) -> [**Autofill and passwords**](chrome://settings/autofill) -> [**Addresses and more**](chrome://settings/addresses) -> `Save and fill addresses` ![disable autofill](https://676843113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me-5q7RO3-g9rN8QNaK%2Fuploads%2Fgit-blob-1079d5cd3c57bf239fbf1a7b47b6ac4998883761%2Fchrome-disable-auto-fill-inputbox.png?alt=media) **remove "All Bookmarks"** > \[!NOTE|label:references:] > > * [How to remove "All Bookmarks" (Alle Lesezeichen) ?](https://www.reddit.com/r/chrome/comments/16mjav0/comment/k18pkqm/?utm_source=share\&utm_medium=web2x\&context=3) > * [How do I get rid of the "All Bookmarks" tab?](https://www.reddit.com/r/chrome/comments/16mst9c/comment/k1a6hpf/?utm_source=share\&utm_medium=web2x\&context=3) * open `about://flags` * disable `Power bookmarks side panel` **restart** * `chrome://restart` **`chrome://chrome-urls`** > \[!NOTE|label:references:] > > * [我所了解的Chrome(不看你真的错过了)](https://blog.csdn.net/joyhen/article/details/44056585) > * [chrome://flags/ 中有哪些值得调整的选项？](https://www.zhihu.com/question/27380104) > * [chrome默认隐身模式](http://jingyan.baidu.com/article/fcb5aff790b946edaa4a7117.html) * 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** ```batch [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](https://extensiondock.com/en) **UUID** * `bpojelgakakmcfmjfilgdlmhefphglae`: [Set Character Encoding](https://chromewebstore.google.com/search/bpojelgakakmcfmjfilgdlmhefphglae) * `caclkomlalccbpcdllchkeecicepbmbm`: [Advanced Font Settings](https://chromewebstore.google.com/search/caclkomlalccbpcdllchkeecicepbmbm) * `ckkdlimhmcjmikdlpkmbgfkaikojcbjk`: [Markdown View](https://chromewebstore.google.com/search/ckkdlimhmcjmikdlpkmbgfkaikojcbjk) * `clngdbkpkpeebahjckkjfobafhncgmne`: [Stylus](https://chromewebstore.google.com/search/clngdbkpkpeebahjckkjfobafhncgmne) * `fjnbnpbmkenffdnngjfgmeleoegfcffe`: [Stylish](https://chromewebstore.google.com/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe) * `dbepggeogbaibhgnhhndojpepiihcmeb`: [Vimium](https://chromewebstore.google.com/search/dbepggeogbaibhgnhhndojpepiihcmeb) * `gbmdgpbipfallnflgajpaliibnhdgobh`: [JSON View](https://chromewebstore.google.com/search/gbmdgpbipfallnflgajpaliibnhdgobh) * `ggaabchcecdbomdcnbahdfddfikjmphe`: [Chrome Capture](https://chromewebstore.google.com/search/ggaabchcecdbomdcnbahdfddfikjmphe) * `ghgabhipcejejjmhhchfonmamedcbeod`: [Click\&Clean](https://chromewebstore.google.com/search/ghgabhipcejejjmhhchfonmamedcbeod) * `gieabiemggnpnminflinemaickipbebg`: [CSS Scan](https://chromewebstore.google.com/search/gieabiemggnpnminflinemaickipbebg) * `ieelmcmcagommplceebfedjlakkhpden`: [Disable Content-Security-Policy](https://chromewebstore.google.com/search/ieelmcmcagommplceebfedjlakkhpden) * `jlgkpaicikihijadgifklkbpdajbkhjo`: [CrxMouse](https://chromewebstore.google.com/search/jlgkpaicikihijadgifklkbpdajbkhjo) * `kpppomnoahmhnmmamjfbnnnmeabkjcni`: [Color Picker](https://chromewebstore.google.com/search/kpppomnoahmhnmmamjfbnnnmeabkjcni) * `lobiadjfmkomemokdfhiaaaidgdhcded`: [Ultimate Color Picker](https://chromewebstore.google.com/search/lobiadjfmkomemokdfhiaaaidgdhcded) * `mcbpblocgmgfnpjjppndjkmgjaogfceg`: [FireShot](https://chromewebstore.google.com/search/mcbpblocgmgfnpjjppndjkmgjaogfceg) * `mnamhmcgcfflfjafflanbhbfffpmkmmm`: [Dream Afar New Tab](https://chromewebstore.google.com/search/mnamhmcgcfflfjafflanbhbfffpmkmmm) * `ocllfmhjhfmogablefmibmjcodggknml`: [Recent Tab](https://chromewebstore.google.com/search/ocllfmhjhfmogablefmibmjcodggknml) * `padekgcemlokbadohgkifijomclgjgif`: [Proxy SwitchOmega](https://chromewebstore.google.com/search/padekgcemlokbadohgkifijomclgjgif) * invalid * `kdcjmllhmhnnadianfhhnoefgcdbpdap`: smooth gestures plus | [official website](https://smoothgesturesplus.com/) * `njabckikapfpffapmjgojcnbfjonfjfg`: Export cookies.txt * theme * `aghfnjkcakhmadgdomlmlhhaocbkloab`: [Just Black](https://chromewebstore.google.com/search/aghfnjkcakhmadgdomlmlhhaocbkloab) [**switch recently used tab**](https://superuser.com/a/433532/112396) > \[!NOTE|label:references:] > > * [Recent Tabs](https://chromewebstore.google.com/detail/recent-tabs/ocllfmhjhfmogablefmibmjcodggknml) ### chromium * download page : -kdcjmllhmhnnadianfhhnoefgcdbpdap download for OSX :