# 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://1999659500-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHqOSW6on5cHbtwcSH6%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 `<profile_folder>\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 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Shift</kbd>+<kbd>I</kbd> 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 {
      <do something>
    }
    ```
*   [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                                                         |
| --------------------------------------------------------- | --------------------------------------- | ---------------------------------------------------------------- |
| <kbd>⇧</kbd> + <kbd>w</kbd>                               | move tab to new windows by using Vimium | <kbd>shift</kbd> + <kbd>w</kbd>                                  |
| <kbd>⌘</kbd> + <kbd>l</kbd> ⇢ <kbd>⇧</kbd> + <kbd>⏎</kbd> | duplicate tab to new window             | <kbd>cmd</kbd>+<kbd>l</kbd> ⇢ <kbd>shift</kbd>+<kbd>enter</kbd>  |
| <kbd>⌘</kbd> + <kbd>l</kbd> ⇢ <kbd>⌥</kbd> + <kbd>⏎</kbd> | duplicate tab to same window            | <kbd>cmd</kbd>+<kbd>l</kbd> ⇢ <kbd>option</kbd>+<kbd>enter</kbd> |
| <kbd>⌥</kbd> + <kbd>⌘</kbd> + <kbd>i</kbd>                | open developer tools                    | <kbd>option</kbd> + <kbd>command</kbd> + <kbd>i</kbd>            |

#### 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 : 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](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://1999659500-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHqOSW6on5cHbtwcSH6%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://1999659500-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHqOSW6on5cHbtwcSH6%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 : https://download-chromium.appspot.com\
  -kdcjmllhmhnnadianfhhnoefgcdbpdap download for OSX : https://download-chromium.appspot.com/?platform=Mac\&type=snapshots
