mirror of
https://github.com/zen-browser/docs.git
synced 2025-07-07 08:55:33 +02:00
Added user manual assets and updated .gitignore (#186)
* Added user manual assets and updated .gitignore * Fixed grammatical errors and improved clarity in URL bar documentation
This commit is contained in:
parent
2b339a2458
commit
4a82b23ab1
7 changed files with 23 additions and 15 deletions
10
.gitignore
vendored
10
.gitignore
vendored
|
@ -135,5 +135,13 @@ dist
|
||||||
.yarn/install-state.gz
|
.yarn/install-state.gz
|
||||||
.pnp.*
|
.pnp.*
|
||||||
|
|
||||||
# Fumadocs
|
# Generated content
|
||||||
|
.contentlayer
|
||||||
|
.content-collections
|
||||||
.source
|
.source
|
||||||
|
|
||||||
|
# Misc
|
||||||
|
.DS_Store
|
||||||
|
**/.obsidian
|
||||||
|
package-lock.json
|
||||||
|
next-env.d.ts
|
|
@ -3,7 +3,7 @@ title: URL Bar & Search Functions
|
||||||
description: Smart navigation with persistent input memory
|
description: Smart navigation with persistent input memory
|
||||||
---
|
---
|
||||||
|
|
||||||
Different from most browsers, Zen uses the **URL bar** as a quick and efficient way to navigate the web, eliminating the need of dedicated new tab page.
|
Different from most browsers, Zen uses the **URL bar** as a quick and efficient way to navigate the web, eliminating the need for a dedicated new tab page.
|
||||||
|
|
||||||
{
|
{
|
||||||
<div align="center">
|
<div align="center">
|
||||||
|
@ -14,7 +14,7 @@ Different from most browsers, Zen uses the **URL bar** as a quick and efficient
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
When you click the **New Tab** button in Zen, the URL bar will popped up on top of your current tab. Simply type your URL or search query into the bar, and hit Enter to search keywords or visit sites directly in a new tab.
|
When you click the **New Tab** button in Zen, the URL bar will pop up on top of your current tab. Simply type your URL or search query into the bar, and hit Enter to search keywords or visit sites directly in a new tab.
|
||||||
|
|
||||||
<Callout>
|
<Callout>
|
||||||
If you close the URL bar after typing a URL or search query, the text will still be saved unless you navigate to a different URL or refresh the page.
|
If you close the URL bar after typing a URL or search query, the text will still be saved unless you navigate to a different URL or refresh the page.
|
||||||
|
@ -22,32 +22,32 @@ If you close the URL bar after typing a URL or search query, the text will still
|
||||||
|
|
||||||
### Toggle floating behavior of the URL bar
|
### Toggle floating behavior of the URL bar
|
||||||
|
|
||||||
Zen has several floating behavior on its URL bar, which can be changed in `Settings` > `Look and Feel` > `Zen URL Bar`:
|
Zen has several floating behaviors for its URL bar, which can be changed in `Settings` > `Look and Feel` > `Zen URL Bar`:
|
||||||
- **Floating only when typing** (Default) – The URL bar will float in the center when you access it from the New Tab button or the `Ctrl + L`/ keyboard shortcut. But, if you open the URL bar by clicking, it will stick to its regular position at the top.
|
- **Floating only when typing** (Default) – The URL bar will float in the center when you access it from the New Tab button or the `Ctrl + L`/ keyboard shortcut. But, if you open the URL bar by clicking, it will stick to its regular position at the top.
|
||||||
- **Always floating** – The URL bar will always float in the center, both from clicking directly, New Tab button, and keyboard shortcuts.
|
- **Always floating** – The URL bar will always float in the center, both from clicking directly, New Tab button, and keyboard shortcuts.
|
||||||
- **Normal** – Position of the opened URL bar will always be attached to top side, both from clicking directly, New Tab button, and keyboard shortcuts.
|
- **Normal** – The position of the opened URL bar will always be attached to the top, whether accessed by clicking directly, using the New Tab button, or via keyboard shortcuts.
|
||||||
|
|
||||||
### Setting default search engine
|
### Setting default search engine
|
||||||
|
|
||||||
By default, Zen provided **Google**, **DuckDuckGo**, and **Wikipedia** (English) as default search engine providers. You can choose between Google and DuckDuckGo in the onboarding process, after installing Zen.
|
By default, Zen provides **Google**, **DuckDuckGo**, and **Wikipedia** (English) as default search engine providers. You can choose between Google and DuckDuckGo in the onboarding process after installing Zen.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
You can also change, edit and manage search engines by opening `Settings` > `Search`. Some of the available settings includes:
|
You can also change, edit, and manage search engines by opening `Settings` > `Search`. Some of the available settings include:
|
||||||
- **Set different search engines** to use by default in regular and Private Browsing windows.
|
- **Set different search engines** to use by default in regular and Private Browsing windows.
|
||||||
- **Show or hide search suggestions** and set its priority towards browsing history when URL bar is opened.
|
- **Show or hide search suggestions** and set its priority towards browsing history when URL bar is opened.
|
||||||
- Show **recent search** as one of the search suggestion when using URL bar.
|
- Show **recent searches** as one of the search suggestions when using the URL bar.
|
||||||
- **Toggle suggestion entries** from Browsing History, Bookmarks, Clipboard, Open Tabs, or Search Engines to appear when using URL bar.
|
- **Toggle suggestion entries** from Browsing History, Bookmarks, Clipboard, Open Tabs, or Search Engines to appear when using URL bar.
|
||||||
|
|
||||||
### Add a website as Search Engine
|
### Add a website as Search Engine
|
||||||
|
|
||||||
Most search engine sites supported the [OpenSearch protocol](https://developer.mozilla.org/docs/Web/OpenSearch) that enabled it to be added as search engine easily, as well as other sites, including YouTube, X, Spotify, YouTube Music, Github, and Amazon.
|
Most search engine sites support the [OpenSearch protocol](https://developer.mozilla.org/docs/Web/OpenSearch), which enables them to be added as search engines easily. This includes sites like YouTube, X, Spotify, YouTube Music, Github, and Amazon.
|
||||||
|
|
||||||
Just visit the site, and after loading process is finished, if supported, you can see **Add "Website Name"** option in the right click context menu.
|
Just visit the site, and after loading process is finished, if supported, you can see **Add "Website Name"** option in the right click context menu.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
You can also add search engines from the [Mycroft Project site](https://mycroftproject.com/search-engines.html), where they listed more than 20.000 search engine plugins for various websites. Once you got search engine page for the website you want to add, right click the URL bar and click the **Add "Website Name"** option.
|
You can also add search engines from the [Mycroft Project site](https://mycroftproject.com/search-engines.html), where they list more than 20,000 search engine plugins for various websites. Once you are on the search engine page for the website you want to add, right-click the URL bar and click the **Add "Website Name"** option.
|
||||||
|
|
||||||
### Add, manage, and remove Search Engine from Search Shortcuts settings
|
### Add, manage, and remove Search Engine from Search Shortcuts settings
|
||||||
|
|
||||||
|
@ -55,12 +55,12 @@ Open `Settings` > `Search` > `Search Shortcuts` to show the list of available se
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
Click **Add** button to add a new search engine manually, with these text field to insert:
|
Click the **Add** button to add a new search engine manually, using these text fields:
|
||||||
|
|
||||||
- **Search engine name**
|
- **Search engine name**
|
||||||
- **Engine URL** (use %s in place of the search term)
|
- **Engine URL** (use %s in place of the search term)
|
||||||
- **Search suggestion URL** (use %s in place of the search term, you can use the same link as the Engine URL)
|
- **Search suggestion URL** (use %s in place of the search term, you can use the same link as the Engine URL)
|
||||||
- **Custom keyword** you can type in URL bar to switch into searching mode for the search engine easily
|
- **Custom keyword** that you can type in the URL bar to easily switch to the search mode for that specific search engine.
|
||||||
|
|
||||||
Here is an example of adding Qwant as search engine manually:
|
Here is an example of adding Qwant as search engine manually:
|
||||||

|

|
||||||
|
@ -76,13 +76,13 @@ You can also set a **custom keyword** to the search engines you add, by double c
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
Some other configuration you can do with search engines:
|
Some other configurations you can make with search engines:
|
||||||
- You can also drag a search engine up or down to set the order of its appearance when searching in the URL bar.
|
- You can also drag a search engine up or down to set the order of its appearance when searching in the URL bar.
|
||||||
- Custom search engines that were added manually can be edited by clicking on it (in the Search Shortcuts settings) and click **Edit**.
|
- Custom search engines that were added manually can be edited by clicking on it (in the Search Shortcuts settings) and click **Edit**.
|
||||||
- To remove a search engine, click the search engine in Search Shortcuts settings and click **Remove**.
|
- To remove a search engine, click the search engine in Search Shortcuts settings and click **Remove**.
|
||||||
- Click **Restore Default Search Engines** if you removed one of the default search engines (Google, DuckDuckGo or Wikipedia) and want to restore them back.
|
- Click **Restore Default Search Engines** if you removed one of the default search engines (Google, DuckDuckGo or Wikipedia) and want to restore them back.
|
||||||
|
|
||||||
### Enable legacy New Tab mechanism back
|
### Enable legacy New Tab mechanism
|
||||||
|
|
||||||
The legacy new tab page from Firefox can still be accessed by opening `about:newtab`.
|
The legacy new tab page from Firefox can still be accessed by opening `about:newtab`.
|
||||||
|
|
||||||
|
|
BIN
public/assets/user-manual/urlbar/add-manual.png
Normal file
BIN
public/assets/user-manual/urlbar/add-manual.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 696 KiB |
BIN
public/assets/user-manual/urlbar/add-new-service.png
Normal file
BIN
public/assets/user-manual/urlbar/add-new-service.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 737 KiB |
BIN
public/assets/user-manual/urlbar/onboarding-search.png
Normal file
BIN
public/assets/user-manual/urlbar/onboarding-search.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 228 KiB |
BIN
public/assets/user-manual/urlbar/search-shortcuts.png
Normal file
BIN
public/assets/user-manual/urlbar/search-shortcuts.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 678 KiB |
BIN
public/assets/user-manual/urlbar/search_engine.mp4
Normal file
BIN
public/assets/user-manual/urlbar/search_engine.mp4
Normal file
Binary file not shown.
Loading…
Add table
Add a link
Reference in a new issue