{"componentChunkName":"component---src-templates-doc-jsx","path":"/docs/browse/","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nconst _frontmatter = {\n  \"title\": \"Browse\"\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n    components\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, `The Browse tab in the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/intro-to-panel/\"\n  }), `panel`), ` contains a fully featured web browser that you can use to search, look at reference material or use handoff tools.`), mdx(\"img\", {\n    src: browse1,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"h2\", {\n    \"id\": \"tabs\"\n  }, `Tabs`), mdx(\"p\", null, `The browse panel has two types of tabs: regular tabs, which are available to your current main Polypane tab, and pinned tabs, which are available everywhere. All tabs in the browse panel are kept in memory, so you can quickly switch between them.`), mdx(\"img\", {\n    src: browse2,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"p\", null, `When you switch between projects in Polypane, the tabs in the browse panel will be updated to reflect the tabs you had open in that project. This means that you can keep reference material open in the browse panel. If you want to always keep a tab open in the browse panel, you can pin it.`), mdx(\"p\", null, `Both pinned tabs and regular tabs can be reordered by dragging them, though pinned tabs are always shown first.`), mdx(\"p\", null, `Tabs will use the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/session-management/\"\n  }), `session`), ` of the current main tab, so cookies and local storage are shared between the browse panel and the panes.`), mdx(\"h3\", {\n    \"id\": \"pinned-tabs\"\n  }, `Pinned tabs`), mdx(\"p\", null, `Pinned tabs are show regardless of which tab in the main browser your have selected and are instead stored per `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/projects/\"\n  }), `project`), ` so you can keep reference material you always need opened in them for quick access regardless of which tab you have open.`), mdx(\"p\", null, `To pin a tab or unpin a tab, you can click the pin button in the address bar, or right click the tab and select \"Pin tab\"/\"Unpin tab\". Only unpinned tabs can be closed.`), mdx(\"p\", null, `Pinned tabs will use the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/projects/\"\n  }), `project`), ` session automatically, even when switching between projects.`), mdx(\"h2\", {\n    \"id\": \"search\"\n  }, `Search`), mdx(\"p\", null, `The address bar in the browse panel acts like an omnibar, which means that if you type in a search query it will search for that query in the default search engine. Click the search icon in the address bar to quickly open your default search engine.`), mdx(\"p\", null, `Search queries also work in the main address bar in Polypane, but open in the browse panel.`), mdx(\"h3\", {\n    \"id\": \"configuring-search\"\n  }, `Configuring search`), mdx(\"p\", null, `Right-click the search icon in the address bar to open the search selector. Here you can change the default search engine (shown with a checkmark). Click \"Manage search engines\" to open the search engine manager, where you can add, edit and remove search engines.`), mdx(\"img\", {\n    src: browsesearch1,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"p\", null, `In the Search engine manager you can check or uncheck the default search engines that we have support for: Google, DuckDuckGo, MDN, MDN.io, Bing, Startpage, Yahoo, Yandex, You, Qwant, Ecosia and Baidu. This is synced between the browse panel and the main address bar.`), mdx(\"h3\", {\n    \"id\": \"quick-search\"\n  }, `Quick search`), mdx(\"p\", null, `Regular search queries are done in your default selected search engine, but by prefixing your search query with the first couple of letters of the search engine you can quickly search in a different search engine. For example, to search in DuckDuckGo, type `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `d`), ` followed by your search query, or `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `you`), ` to search You.com. Only search engines you've marked as \"active\" in the search engine manager can be used this way.`), mdx(\"h2\", {\n    \"id\": \"shortcuts\"\n  }, `Shortcuts`), mdx(\"p\", null, `When the browse panel is focused, shortcuts like reload (`, mdx(ShortCutDisplay, {\n    cmdKey: true,\n    letter: \"R\",\n    mdxType: \"ShortCutDisplay\"\n  }), `), open new tab (`, mdx(ShortCutDisplay, {\n    cmdKey: true,\n    letter: \"T\",\n    mdxType: \"ShortCutDisplay\"\n  }), `), close tab (`, mdx(ShortCutDisplay, {\n    cmdKey: true,\n    letter: \"W\",\n    mdxType: \"ShortCutDisplay\"\n  }), `) and focus address bar (`, mdx(ShortCutDisplay, {\n    cmdKey: true,\n    letter: \"L\",\n    mdxType: \"ShortCutDisplay\"\n  }), `) work as expected in the browse panel rather than in the main browser.`), mdx(\"p\", null, `See the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/list-of-shortcuts/#browse-panel-shortcuts\"\n  }), `Browse panel shortcuts`), ` for a full overview.`), mdx(\"h2\", {\n    \"id\": \"homepage\"\n  }, `Homepage`), mdx(\"p\", null, `You can open the homepage in any current tab by clicking the home icon in the address bar. The default homepage has quicklinks to Polypane documentation, and it's what's shown when you open new tabs.`), mdx(\"p\", null, `To set a different new tab/homepage, right-click the home icon and select either the current page as a homepage, or fill in your own URL.`), mdx(\"img\", {\n    src: homepage,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"p\", null, `To go back to the default homepage, click \"reset to default\".`), mdx(\"h2\", {\n    \"id\": \"bookmarks\"\n  }, `Bookmarks`), mdx(\"p\", null, `The project bookmarks are available under the bookmarks button. They have the same functionality as in the main browser. Bookmarks open in the current tab when clicked, or as a new tab when middle-clicked.`), mdx(\"img\", {\n    src: browsebookmarks,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"p\", null, `If you have many bookmarks they can be filtered using the search box at the top of the bookmarks dropdown.`), mdx(\"h2\", {\n    \"id\": \"browser-extensions\"\n  }, `Browser Extensions`), mdx(\"p\", null, `Just like in Panes, `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/browser-extensions/\"\n  }), `browser extensions`), ` also work in the browse panel (with the same caveats). When browser extensions are active for the current tab, the puzzle piece icon will show in the address bar.`), mdx(\"h3\", {\n    \"id\": \"installing-browser-extensions\"\n  }, `Installing browser extensions`), mdx(\"p\", null, `You can easily install browser extensions from the Browse panel. An \"Add\" button will show in the address bar when you're on the chrome web store installation page. Clicking that button will install the extension.`), mdx(\"img\", {\n    src: browseext1,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"p\", null, `If the extension is already installed, the browse panel shows a remove button instead.`), mdx(\"img\", {\n    src: browseext2,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"h2\", {\n    \"id\": \"quick-open-the-browse-panel\"\n  }, `Quick-open the Browse panel`), mdx(\"p\", null, `With the `, mdx(ShortCutDisplay, {\n    shiftKey: true,\n    cmdKey: true,\n    letter: \"L\",\n    mdxType: \"ShortCutDisplay\"\n  }), ` shortcut you can quickly open the browse tab and focus the address bar.`), mdx(\"p\", null, `Right click any link in your panes and select \"Open link in panel\" to open the side browser and display that url.`), mdx(\"h2\", {\n    \"id\": \"logging-in-with-the-browse-panel\"\n  }, `Logging in with the Browse panel`), mdx(\"p\", null, `As mentioned on the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/website-issues-you-could-encounter/\"\n  }), `website issues you could encounter`), ` page, the Browse panel can be used to log in to sites that use SSO, oAuth, CSRF or federated logins that might not work well with multiple simultaneous login attemps. In the Browse panel the login flow is only called once and because the session is shared with the panes, once you're logged in using the Browse panel you should be logged in in all panes.`), mdx(\"h2\", {\n    \"id\": \"browser-history\"\n  }, `Browser history`), mdx(\"p\", null, `The browse panel keeps the history of each tab for the duration of your session. You can use the back and forward buttons in the address bar to navigate through the history of the current tab. In a future version, history will be preserved between app restarts.`), mdx(\"h2\", {\n    \"id\": \"searchfind-in-page\"\n  }, `Search/Find in page`), mdx(\"p\", null, `Both `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/browser-features/#search-in-page\"\n  }), `Find text in page`), ` and `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/find-elements/\"\n  }), `Find Elements`), ` are available in the browse panel. Use `, mdx(ShortCutDisplay, {\n    cmdKey: true,\n    letter: \"F\",\n    mdxType: \"ShortCutDisplay\"\n  }), ` or `, mdx(ShortCutDisplay, {\n    cmdKey: true,\n    shiftKey: true,\n    letter: \"F\",\n    mdxType: \"ShortCutDisplay\"\n  }), ` respectively when the browse panel is focused to search text or elements.`), mdx(\"img\", {\n    src: findinpage,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":4,"excerpt":"The Browse tab in the  panel  contains a fully featured web browser that you can use to search, look at reference material or use handoff…","frontmatter":{"title":"Browse","cover":null,"date":null,"beta":null},"fields":{"nextTitle":"Accessibility panel","nextSlug":"/docs/accessibility-panel/","prevTitle":"Command line options","prevSlug":"/docs/command-line-options/","slug":"/docs/browse/","date":null,"ogFileName":"browse"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/docs/1-password-setup-instructions/"},"frontmatter":{"title":"1Password setup instructions"}}},{"node":{"fields":{"slug":"/docs/accessibility-audit-workflow/"},"frontmatter":{"title":"Accessibility audit workflow"}}},{"node":{"fields":{"slug":"/docs/accessibility-overview/"},"frontmatter":{"title":"Accessibility overview"}}},{"node":{"fields":{"slug":"/docs/accessibility-panel/"},"frontmatter":{"title":"Accessibility panel"}}},{"node":{"fields":{"slug":"/docs/application-folder/"},"frontmatter":{"title":"Application folder"}}},{"node":{"fields":{"slug":"/docs/brand-guidelines/"},"frontmatter":{"title":"Brand guidelines"}}},{"node":{"fields":{"slug":"/docs/breakpoints/"},"frontmatter":{"title":"Breakpoints"}}},{"node":{"fields":{"slug":"/docs/browse/"},"frontmatter":{"title":"Browse"}}},{"node":{"fields":{"slug":"/docs/browser-extensions/"},"frontmatter":{"title":"Browser extensions"}}},{"node":{"fields":{"slug":"/docs/browser-features/"},"frontmatter":{"title":"Browser features"}}},{"node":{"fields":{"slug":"/docs/browsersync-and-polypane/"},"frontmatter":{"title":"Browsersync and Polypane"}}},{"node":{"fields":{"slug":"/docs/color-picker/"},"frontmatter":{"title":"Color Picker"}}},{"node":{"fields":{"slug":"/docs/command-bar/"},"frontmatter":{"title":"Command Bar"}}},{"node":{"fields":{"slug":"/docs/command-line-options/"},"frontmatter":{"title":"Command line options"}}},{"node":{"fields":{"slug":"/docs/configuring-logitech-mouses/"},"frontmatter":{"title":"Configuring Logitech mouses"}}},{"node":{"fields":{"slug":"/docs/configuring-webstorm-to-work-with-polypane/"},"frontmatter":{"title":"Configuring WebStorm to work with Polypane"}}},{"node":{"fields":{"slug":"/docs/console/"},"frontmatter":{"title":"Console"}}},{"node":{"fields":{"slug":"/docs/customizing-polypane/"},"frontmatter":{"title":"Customizing Polypane"}}},{"node":{"fields":{"slug":"/docs/dark-and-light-mode/"},"frontmatter":{"title":"Dark and light mode"}}},{"node":{"fields":{"slug":"/docs/data-processing-agreement/"},"frontmatter":{"title":"Data Processing Agreement"}}},{"node":{"fields":{"slug":"/docs/debug-tools/"},"frontmatter":{"title":"Debug tools"}}},{"node":{"fields":{"slug":"/docs/detecting-polypane/"},"frontmatter":{"title":"Detecting Polypane"}}},{"node":{"fields":{"slug":"/docs/developer-tools/"},"frontmatter":{"title":"Developer tools"}}},{"node":{"fields":{"slug":"/docs/device-presets/"},"frontmatter":{"title":"Device presets"}}},{"node":{"fields":{"slug":"/docs/devtools-panel/"},"frontmatter":{"title":"Devtools Panel"}}},{"node":{"fields":{"slug":"/docs/elements-panel/"},"frontmatter":{"title":"Elements Panel"}}},{"node":{"fields":{"slug":"/docs/emulation/"},"frontmatter":{"title":"Emulation"}}},{"node":{"fields":{"slug":"/docs/experimental-chromium-features/"},"frontmatter":{"title":"Experimental Chromium features"}}},{"node":{"fields":{"slug":"/docs/find-elements/"},"frontmatter":{"title":"Find elements"}}},{"node":{"fields":{"slug":"/docs/form-autofill/"},"frontmatter":{"title":"Form autofill"}}},{"node":{"fields":{"slug":"/docs/global-zoom/"},"frontmatter":{"title":"Global zoom"}}},{"node":{"fields":{"slug":"/docs/helper-extension-for-other-browsers/"},"frontmatter":{"title":"Helper extension for other browsers"}}},{"node":{"fields":{"slug":"/docs/horizontal-overflow/"},"frontmatter":{"title":"Horizontal overflow detection"}}},{"node":{"fields":{"slug":"/docs/integrations/"},"frontmatter":{"title":"Integrations"}}},{"node":{"fields":{"slug":"/docs/intro-to-panel/"},"frontmatter":{"title":"Intro to panel"}}},{"node":{"fields":{"slug":"/docs/intro-to-panes/"},"frontmatter":{"title":"Intro to panes"}}},{"node":{"fields":{"slug":"/docs/json-and-xml-viewer/"},"frontmatter":{"title":"JSON and XML viewer"}}},{"node":{"fields":{"slug":"/docs/known-issues/"},"frontmatter":{"title":"Known issues"}}},{"node":{"fields":{"slug":"/docs/layout-debugging/"},"frontmatter":{"title":"Layout debugging"}}},{"node":{"fields":{"slug":"/docs/layouts/"},"frontmatter":{"title":"Layouts"}}},{"node":{"fields":{"slug":"/docs/link/"},"frontmatter":{"title":"Share panel"}}},{"node":{"fields":{"slug":"/docs/list-of-shortcuts/"},"frontmatter":{"title":"List of shortcuts"}}},{"node":{"fields":{"slug":"/docs/live-auto-reloading/"},"frontmatter":{"title":"Live/auto reloading"}}},{"node":{"fields":{"slug":"/docs/making-screenshots/"},"frontmatter":{"title":"Making screenshots"}}},{"node":{"fields":{"slug":"/docs/measure-text-length/"},"frontmatter":{"title":"Measure text length"}}},{"node":{"fields":{"slug":"/docs/mental-model/"},"frontmatter":{"title":"Mental model of Polypane's browser contexts"}}},{"node":{"fields":{"slug":"/docs/message-bus/"},"frontmatter":{"title":"Message Bus"}}},{"node":{"fields":{"slug":"/docs/meta-information/"},"frontmatter":{"title":"Meta information"}}},{"node":{"fields":{"slug":"/docs/network-panel/"},"frontmatter":{"title":"Network panel"}}},{"node":{"fields":{"slug":"/docs/other-tools/"},"frontmatter":{"title":"Polypane and local servers"}}},{"node":{"fields":{"slug":"/docs/outline-panel/"},"frontmatter":{"title":"Outline Panel"}}},{"node":{"fields":{"slug":"/docs/pane-management/"},"frontmatter":{"title":"Manage panes"}}},{"node":{"fields":{"slug":"/docs/pane-sizes/"},"frontmatter":{"title":"Pane sizes"}}},{"node":{"fields":{"slug":"/docs/performance/"},"frontmatter":{"title":"Performance"}}},{"node":{"fields":{"slug":"/docs/pitching-polypane/"},"frontmatter":{"title":"Pitching Polypane"}}},{"node":{"fields":{"slug":"/docs/polypane-peek/"},"frontmatter":{"title":"Polypane Peek"}}},{"node":{"fields":{"slug":"/docs/portal/"},"frontmatter":{"title":"Polypane Portal"}}},{"node":{"fields":{"slug":"/docs/projects/"},"frontmatter":{"title":"Projects"}}},{"node":{"fields":{"slug":"/docs/recording/"},"frontmatter":{"title":"Recording"}}},{"node":{"fields":{"slug":"/docs/reference-image/"},"frontmatter":{"title":"Reference image"}}},{"node":{"fields":{"slug":"/docs/reload-css/"},"frontmatter":{"title":"Reload CSS"}}},{"node":{"fields":{"slug":"/docs/responsive-debugging-workflow/"},"frontmatter":{"title":"Responsive debugging workflow"}}},{"node":{"fields":{"slug":"/docs/review-and-approval-by-it-and-security/"},"frontmatter":{"title":"Review and approval by IT and Security"}}},{"node":{"fields":{"slug":"/docs/rulers-grids-and-guides/"},"frontmatter":{"title":"Rulers, grids and guides"}}},{"node":{"fields":{"slug":"/docs/sales-and-procurement/"},"frontmatter":{"title":"Sales and Procurement"}}},{"node":{"fields":{"slug":"/docs/security-policy/"},"frontmatter":{"title":"Security Policy"}}},{"node":{"fields":{"slug":"/docs/security/"},"frontmatter":{"title":"Security"}}},{"node":{"fields":{"slug":"/docs/session-management/"},"frontmatter":{"title":"Session management"}}},{"node":{"fields":{"slug":"/docs/setup/"},"frontmatter":{"title":"Setup"}}},{"node":{"fields":{"slug":"/docs/showing-multiple-urls/"},"frontmatter":{"title":"Showing multiple URLs"}}},{"node":{"fields":{"slug":"/docs/simulators/"},"frontmatter":{"title":"Simulators"}}},{"node":{"fields":{"slug":"/docs/snippets/"},"frontmatter":{"title":"Snippets"}}},{"node":{"fields":{"slug":"/docs/social-card-and-open-graph-workflow/"},"frontmatter":{"title":"Social card and Open Graph workflow"}}},{"node":{"fields":{"slug":"/docs/source-panel/"},"frontmatter":{"title":"Source panel"}}},{"node":{"fields":{"slug":"/docs/storage-panel/"},"frontmatter":{"title":"Storage panel"}}},{"node":{"fields":{"slug":"/docs/switching-to-polypane/"},"frontmatter":{"title":"Switching to Polypane"}}},{"node":{"fields":{"slug":"/docs/synced-interactions/"},"frontmatter":{"title":"Synced interactions"}}},{"node":{"fields":{"slug":"/docs/tab-customization/"},"frontmatter":{"title":"Tab customization"}}},{"node":{"fields":{"slug":"/docs/team-workflows/"},"frontmatter":{"title":"Team workflows"}}},{"node":{"fields":{"slug":"/docs/ui-overview/"},"frontmatter":{"title":"Polypane UI overview"}}},{"node":{"fields":{"slug":"/docs/web-vitals/"},"frontmatter":{"title":"Web Vitals"}}},{"node":{"fields":{"slug":"/docs/website-issues-you-could-encounter/"},"frontmatter":{"title":"Website issues you could encounter"}}},{"node":{"fields":{"slug":"/docs/workspace-management/"},"frontmatter":{"title":"Workspace management"}}},{"node":{"fields":{"slug":"/docs/workspaces/"},"frontmatter":{"title":"Workspaces"}}}]}},"pageContext":{"slug":"/docs/browse/"}},"staticQueryHashes":["4164364741","425175329"]}