Browse Source
- New "Getting Started with Browser Extensions" article (+ re-ordering & images) - Refurbished "Browser Extension Auto-fill Options" article (+ new images) - File "storage" > File "attachments" - E.A. Email Change Note - New section in "About Login w/ SSO" highlighting the SSO Policy - Steam TOTP section added to Authenticator article (+ an image) - Clarification that Directory Connector != Login with SSO :)pull/386/head
fred_the_tech_writer
5 years ago
committed by
GitHub
30 changed files with 190 additions and 66 deletions
@ -1,75 +1,74 @@
@@ -1,75 +1,74 @@
|
||||
--- |
||||
layout: article |
||||
title: Auto-fill logins using the browser extension |
||||
title: Browser Extension Auto-fill Options |
||||
categories: [miscellaneous] |
||||
featured: false |
||||
popular: false |
||||
tags: [browser, auto-fill, autofill] |
||||
--- |
||||
|
||||
You can use the Bitwarden browser extension to easily auto-fill login forms on websites with your username/email and password credentials. |
||||
{% callout success %} |
||||
Most auto-fill functionality relies on the attribution of URIs to Login items. If you're unfamiliar with using URIs, see [URIs for Vault Items]({% link _articles/features/uri-match-detection.md %}). |
||||
{% endcallout %} |
||||
|
||||
## How to add a website to a saved login |
||||
Bitwarden Browser Extensions have a unique **Tab** view, which automatically detects the URI (e.g. `myturbotax.intuit.com`) of the page displayed in the open tab and surfaces any Vault items with corresponding URIs. |
||||
|
||||
To use most auto-fill features, you need to add the website URL to the login details you have saved in Bitwarden. |
||||
When a Vault item has a corresponding URI, the Bitwarden icon will overlay a notification bubble reporting the number of Vault items for that web page (*pictured below*). |
||||
|
||||
You can manually edit the websites associated with a login in the "Edit" page for that login. The URI list shows the websites currently associated with the login. If you create a new login while you have the website open, the website will automatically appear in the URI list. |
||||
{% image /getting-started/browserext/browserext-tab.png %} |
||||
|
||||
{% image autofill-uri-list.png %} |
||||
Simply clicking on the Vault item inside the Browser Extension will auto-fill login information to the detected input fields. |
||||
|
||||
Alternatively, you can auto-fill the login for the current website and add the website to that login by clicking the **Auto-fill and Save** button on the "View Item" screen for that login. |
||||
There are a few alternative auto-fill options for Browser Extensions. In all cases (except [manually](#manually-auto-fill)): |
||||
- The Browser Extension must be unlocked for the auto-fill functionality to operate. |
||||
- In cases where a web page or service has **multiple** Login items with relevant URIs, it will auto-fill the last-used Login. |
||||
|
||||
{% image autofill-autofill-and-save.png %} |
||||
## Using the Context-Menu |
||||
|
||||
## How to auto-fill |
||||
{% callout info %} |
||||
Currently unavailable in the Safari Browser Extension. |
||||
{% endcallout %} |
||||
|
||||
There are a variety of ways to perform auto-fill operations with Bitwarden. |
||||
Without opening your Browser Extension, you can right-click on the username or password input field and use the **Bitwarden** → **Auto-fill** option. Your Vault must be unlocked for this option to be available. |
||||
|
||||
### Popup window |
||||
{% image /getting-started/browserext/browserext-context.png %} |
||||
|
||||
The Bitwarden icon in the toolbar of your browser will show the number of logins in your vault that match the current website you are viewing. Selecting the Bitwarden icon will open the Bitwarden popup window, defaulting to the "Current Tab" page. The "Current Tab" page shows a listing of these matching logins. |
||||
## Using Keyboard Shortcuts |
||||
|
||||
If you are currently viewing a login form on a website, selecting a login from the "Current Tab" list will result in the login credentials being auto-filled into the login form. |
||||
Bitwarden Browser Extensions provide a set of keyboard shortcuts (a.k.a *hot keys*) to auto-fill login information. Your Vault must be unlocked for these options to be available. |
||||
|
||||
{% image autofill-popup.png %} |
||||
To auto-fill login information, use the following **default** shortcuts: |
||||
|
||||
If the login does not appear in the "Current Tab" page, you can open the login from your Vault and click the **Auto-fill** button. This will auto-fill the current website even if that website is not associated with the login. |
||||
- On Windows: `Ctrl + Shift + L` |
||||
- On macOS: `Cmd + Shift + L` |
||||
- On Linux: `Ctrl + Shift + L` |
||||
- Safari: `Cmd + \` or `Cmd + 8` or `Cmd + Shift + P` |
||||
|
||||
### Right-click context menu |
||||
{% callout success %} |
||||
If a login uses the [Bitwarden Authenticator]({% link _articles/features/authenticator-keys.md %}) for TOTPs, using the `Cmd/Ctrl + Shift + L` will automatically copy your TOTP to your clipboard after auto-filling. All you have to do is `Cmd/Ctrl + V` to paste! |
||||
{% endcallout %} |
||||
|
||||
{% callout info %}This feature is currently unavailable in Safari browser.{% endcallout %} |
||||
If any given shortcut doesn't work, it's likely because another application on your device is already registered to use it. For example, the auto-fill shortcut on Windows is commonly claimed by the AMD Radeon Adrenaline software (AMD graphic drivers) and therefore cannot be used by Bitwarden. In these instances, you should free up the shortcut or configure Bitwarden to use a different shortcut. |
||||
|
||||
The same list of logins that are available when using the popup window are also available from the convenience of the right-click context menu in your browser. |
||||
### Configuring Keyboard Shortcuts |
||||
|
||||
{% image autofill-context-menu.png %} |
||||
Configuring the keyboard shortcuts used by a Bitwarden Browser Extension differs based on which browser you're using. To access the configuration menu: |
||||
|
||||
### Keyboard shortcuts (hot keys) |
||||
- **In Chrome**, enter `chrome://extensions/shortcuts` in the address bar. |
||||
|
||||
You can use a set of keyboard shortcuts (hot keys) to quickly auto-fill a login form. When viewing the login form press the keyboard shortcut (see below) and the last used login for that website will be auto-filled. |
||||
In Chromium-based browsers like **Brave**, substitute `chrome` for the relevant browser name (e.g. `brave://extensions/shortcuts`). |
||||
- **In Firefox**, enter `about:addons` in the address bar, select the {% icon fa-cog %} **Gear** icon next to **Manage Your Extensions**, and select **Manage Extension Shortcuts** from the dropdown. |
||||
|
||||
- Windows: `Ctrl + Shift + L` |
||||
- Linux: `Ctrl + Shift + L` |
||||
- macOS: `Cmd + Shift + L` |
||||
- Safari: `Cmd + \` or `Cmd + 8` or `Cmd + Shift + P` |
||||
Some browsers, including **Safari** and legacy **Edge** do not currently support changing the default keyboard shortcuts for extensions. |
||||
|
||||
{% callout info %}If a shortcut does not work, it may be because another application on your device is already using it. For example, the auto-fill shortcut on Windows is commonly claimed by the AMD Radeon Adrenaline software (AMD graphic drivers) and therefore cannot be used by Bitwarden. You can free up this shortcut by changing it in the AMD Radeon software under Gaming → Global Settings → Performance Monitoring: "Toggle Performance Logging Hotkey".{% endcallout %} |
||||
## On Page Load |
||||
|
||||
Another option is to open the popup window using the keyboard shortcut (see below). You can then `TAB` to the login that you would like to auto-fill and then press `ENTER` to select. |
||||
Auto-fill on Page Load is an **experimental and opt-in** feature offered by Bitwarden Browser Extensions. When enabled, Bitwarden will auto-fill login information when a web page corresponding to a Login item's URI value loads. |
||||
|
||||
- Windows: `Ctrl + Shift + Y` |
||||
- Linux: `Ctrl + Shift + U` |
||||
- macOS: `Cmd + Shift + Y` |
||||
If there are multiple Login items with the detected URI, the last-used login will be used for the auto-full operation. |
||||
|
||||
You can easily customize these keyboard shortcuts in Chrome, Opera, Edge, and Brave browsers. In the address bar navigate to `chrome://extensions` and locate the "Keyboard shortcuts" button (you may need to scroll to the bottom). |
||||
To enable this feature, navigate to **Settings** → **Options** in your Browser Extension, and select the **Enable Auto-fill On Page Load** option. |
||||
|
||||
In Firefox, you need can go to the addons preference page. Under the gears icon click the "Manage Extension Shortcuts" as explained [here](https://support.mozilla.org/en-US/kb/manage-extension-shortcuts-firefox). |
||||
## Manually Auto-fill |
||||
|
||||
Other browsers such as Safari and legacy Edge do not currently support changing the default keyboard shortcuts for extensions. |
||||
|
||||
### Auto-fill on page load |
||||
|
||||
Bitwarden includes an experimental feature to auto-fill logins immediately after a webpage containing a login form loads in your browser. This feature requires you to opt-in to use it. You can enable "Auto-fill On Page Load" under **Settings** → **Options**. |
||||
|
||||
{% image autofill-extension-option.png %} |
||||
|
||||
In the case of multiple logins matching the current website, the last used login will be used for the auto-fill operation. If the wrong login is auto-filled, you can auto-fill again using the popup window and reset the last used login. |
||||
You can auto-fill items manually that don't have saved URIs by opening them in the {% icon fa-lock %} **My Vault** view, and selecting the **Auto-fill** button. |
||||
|
||||
@ -0,0 +1,106 @@
@@ -0,0 +1,106 @@
|
||||
--- |
||||
layout: article |
||||
title: Get Started with Browser Extensions |
||||
categories: [getting-started] |
||||
featured: false |
||||
popular: false |
||||
hidden: false |
||||
tags: [tutorial, browser extensions] |
||||
order: 04 |
||||
--- |
||||
|
||||
Bitwarden Browser Extensions integrate password management directly into your favorite browser. Download a Bitwarden Browser Extension from your browser's marketplace or app store, or from the [Bitwarden Downloads](https://bitwarden.com/download){:target="\_blank"} page. Browser Extensions are available for: |
||||
|
||||
- Google Chrome |
||||
- Mozilla Firefox |
||||
- Opera |
||||
- Microsoft Edge |
||||
- Vivaldi |
||||
- Brave |
||||
- Tor Browser |
||||
- Safari |
||||
|
||||
{% callout success %} |
||||
**The Safari Browser Extension is packaged with the Desktop Application**, available for download from the App Store. For more information, see [Safari App Extension]({% link _articles/account/install-safari-app-extension.md %}). |
||||
{% endcallout %} |
||||
|
||||
{% image /getting-started/browserext/browserext-vault.png Bitwarden Browser Extension in Google Chrome %} |
||||
|
||||
## Explore your Vault |
||||
|
||||
In the {% icon fa-lock %} **My Vault** view, you can browse all items in your Bitwarden Vault. |
||||
|
||||
When you **Favorite** an item, it'll appear at the top of your Vault for easy access. Items are also sorted into **Types** (*Login, Card, Identity, or Secure Note*) and **Folders**. If you're a member of an Organization, **Collections** will also appear in your Vault. |
||||
|
||||
### Get Organized with Favorites and Folders |
||||
|
||||
Organizing your Vault into **Favorites** and **Folders** makes navigating your Vault a breeze: |
||||
|
||||
1. Select the item you want to edit. |
||||
2. Select **Edit** in the top-right corner of the Browser Extension. |
||||
3. Select a **Folder** from the dropdown to add this item to a folder, or check the **Favorite** checkbox to add it to your Favorites. |
||||
4. Select **Save** in the top-right corner of the Browser Extension. |
||||
|
||||
For more information, see [Folders]({% link _articles/features/folders.md %}) and [Favorites]({% link _articles/features/favorites.md %}). |
||||
|
||||
## Add a Login |
||||
|
||||
Any time you log in to a website that doesn't already have a Login item saved for it, Bitwarden will offer to remember the login information for you: |
||||
|
||||
{% image /getting-started/browserext/browserext-add.png %} |
||||
|
||||
Selecting **Yes, Save Now** will automatically add a Login item to your Vault with the entered username, password, and URI. If you're unfamiliar with using URIs, see [URIs for Vault Items]({% link _articles/features/uri-match-detection.md %}). |
||||
|
||||
{% callout success %} |
||||
You can disable this banner by selecting the **Disable Add Login Notification** option from the **Options** menu in your Browser Extension. |
||||
{% endcallout %} |
||||
|
||||
## Launch a Website |
||||
|
||||
You can launch a website directly from the Bitwarden Browser Extension by selecting the {% icon fa-share-square %} **Launch** button in any Vault item with a valid URI. If you're unfamiliar with using URIs, see [URIs for Vault Items]({% link _articles/features/uri-match-detection.md %}). |
||||
|
||||
{% image /getting-started/browserext/browserext-launch.png %} |
||||
|
||||
## Auto-fill Login Information |
||||
|
||||
Bitwarden Browser Extensions have a unique **Tab** view, which automatically detects the URI (e.g. `myturbotax.intuit.com`) of the page displayed in the open tab and surfaces any Vault items with corresponding URIs. |
||||
|
||||
When a Vault item has a corresponding URI, the Bitwarden icon will overlay a notification bubble reporting the number of Vault items for that web page (*pictured below*). |
||||
|
||||
{% image /getting-started/browserext/browserext-tab.png %} |
||||
|
||||
Simply clicking on the Vault item inside the Browser Extension will auto-fill login information to the detected input fields. |
||||
|
||||
There are a few other methods of auto-filling login information from your Browser Extension, including context menus and keyboard shortcuts. To learn about them, see [Browser Extension Auto-fill Options]({% link _articles/features/auto-fill-browser.md %}). |
||||
|
||||
## Unlock with PIN / Biometrics |
||||
|
||||
For lightening fast access to your credentials, setup a PIN or Biometrics to unlock you Vault. To setup a PIN: |
||||
|
||||
1. In your Browser Extension, open the {% icon fa-cogs %} **Settings** tab. |
||||
2. In the Security section, check the **Unlock with PIN** checkbox. |
||||
3. Enter the desired PIN code in the input box. PIN codes can be any combination of characters (a-z, 0-9, $, #, etc.) |
||||
|
||||
{% callout success%}**Optional:** The pre-check option **Lock with master password on browser restart** will require you to enter your Master Password instead of a PIN when your browser restarts. If you want to be able to unlock with a PIN when you browser restarts, uncheck this option.{% endcallout %} |
||||
|
||||
For more information, see [Unlock with PIN]({% link _articles/account/unlock-with-pin.md %}) or [Unlock with Biometrics]({% link _articles/account/biometrics.md %}). |
||||
|
||||
## Pin an Extension |
||||
|
||||
Pinning the Browser Extension will ensure that it's easily accessible each time you open your Browser. The procedure differs based on which browser you're using: |
||||
|
||||
- **For Chrome**, select the {% icon fa-puzzle-piece %} **Extensions** icon to the right of the address bar and select the **Pin** icon next to Bitwarden in your Extensions list. |
||||
|
||||
{% image chrome-pin.png %} |
||||
- **For Firefox**, enter `about:addons` in the address bar and toggle the Bitwarden Extension on. To customize *where* it appears in your browser, right-click the Bitwarden Browser Extension icon and select **Customize...** to open a drag-and-drop interface that lets you move or remove icons in your toolbar. You can also use the **Pin to Overflow Menu** option to pin Bitwarden to an overflow (**>>**) menu: |
||||
|
||||
{% image ff-overflowpin.png %} |
||||
- For Safari, right-click anywhere in the tool bar and select **Customize Toolbar** to open a drag-and-drop interface that lets you move or remove icons in your toolbar. |
||||
|
||||
{% image safari-pin.png %} |
||||
|
||||
## Bitwarden 101: Getting Started with Browser Extensions |
||||
|
||||
Use the following video for help getting started using Bitwarden Browser Extensions: |
||||
|
||||
<iframe class="embed-responsive" width="800" height="450" src="https://www.youtube.com/embed/Epx6bLBsYlI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
||||
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 245 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 32 KiB |
Loading…
Reference in new issue