# 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 `<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://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 : <https://download-chromium.appspot.com\\>
  -kdcjmllhmhnnadianfhhnoefgcdbpdap download for OSX : <https://download-chromium.appspot.com/?platform=Mac\\&type=snapshots>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://imarslo.gitbook.io/book/gitbook/app/browser.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
