{"componentChunkName":"component---src-templates-doc-jsx","path":"/docs/helper-extension-for-other-browsers/","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\": \"Helper extension for other browsers\"\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 Polypane helper extension makes it easy to open your current page or links in Polypane without having to copy and paste the URLs.`), mdx(\"p\", null, `It will also automatically open Polypane for you if needed.`), mdx(\"h2\", {\n    \"id\": \"get-the-extension\"\n  }, `Get the extension`), mdx(\"p\", null, `The extension is available for Chrome, Edge, Safari, Firefox and most Chromium-based browsers. You can install the extension directly from the various web stores:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, `For Chrome & Chromium-based browsers, visit the `, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://chromewebstore.google.com/detail/polypane-helper/eofbapfmbfmpeplodnehlkkgpkklmapp\"\n  }), `Chrome Web Store`), `.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `For Firefox, visit the `, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://addons.mozilla.org/en-US/firefox/addon/polypane-helper/\"\n  }), `Firefox Add-ons`), `.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `For Safari, visit the `, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://apps.apple.com/us/app/polypane-helper/id1541304901\"\n  }), `App Store for Mac`), `.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `For Edge, visit `, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://microsoftedge.microsoft.com/addons/detail/leojkjmhbidaiacgldgodkagffjhjipn\"\n  }), `Microsoft Edge Add-ons`), `.`)), mdx(\"h2\", {\n    \"id\": \"opening-the-current-page-in-polypane\"\n  }, `Opening the current page in Polypane`), mdx(\"p\", null, `The extension makes it easy to open the current page in Polypane:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Click the Polypane icon in the toolbar`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Press `, mdx(ShortCutDisplay, {\n    altKey: true,\n    letter: \"p\",\n    mdxType: \"ShortCutDisplay\"\n  }), ` on your keyboard`)), mdx(\"img\", {\n    src: helpericon,\n    alt: \"Extension icon in the toolbar\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, `Depending on your browser, you might need to pin the extension to your toolbar to be able to click it. You can do this by clicking the puzzle piece icon in your toolbar and then pinning the Polypane helper extension.`)), mdx(\"h2\", {\n    \"id\": \"opening-links-in-polypane\"\n  }, `Opening links in Polypane`), mdx(\"p\", null, `You can right-click any link and select \"Open in Polypane\" to open that link in Polypane.`), mdx(\"img\", {\n    src: helpercontextmenu,\n    alt: \"Context menu with 'Open in Polypane' option\",\n    className: \"imgshadow\"\n  }), mdx(\"h2\", {\n    \"id\": \"extension-options\"\n  }, `Extension options`), mdx(\"p\", null, `You can configure three different reminders for specific domains to make it easy to open them in Polypane, in order of increasing intrusiveness/automation:`), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Floating button`)), mdx(\"img\", {\n    src: helperbutton3,\n    alt: \"Floating Polypane button\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `A small floating button in a configurable corner of the page that opens the current page in Polypane when clicked.`), mdx(\"p\", null, `The button can be collapsed by clicking the arrow on it, and can be moved to a different corner by right-clicking the extension icon or by picking a corner in the Extension options.`), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Full page overlay`)), mdx(\"img\", {\n    src: helperoverlay,\n    alt: \"Full page overlay\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `A full-page overlay that opens the current page in Polypane when clicked or when pressing `, mdx(ShortCutDisplay, {\n    letter: \"Enter\",\n    mdxType: \"ShortCutDisplay\"\n  }), `. `, mdx(ShortCutDisplay, {\n    letter: \"Esc\",\n    mdxType: \"ShortCutDisplay\"\n  }), ` dismisses it.`), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Automatic`)), mdx(\"img\", {\n    src: helperauto,\n    alt: \"Automatic opening in Polypane\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `Automatically opens the current page in Polypane when you open it in your browser.`), mdx(\"p\", null, `You can configure a delay before it opens, allowing you to press `, mdx(ShortCutDisplay, {\n    letter: \"Enter\",\n    mdxType: \"ShortCutDisplay\"\n  }), ` to open it immediately, or cancel it by pressing `, mdx(ShortCutDisplay, {\n    letter: \"esc\",\n    mdxType: \"ShortCutDisplay\"\n  }), `. At the end of the timer, the page will be opened in Polypane.`), mdx(\"img\", {\n    src: helperoptions,\n    alt: \"Extension options\",\n    className: \"imgshadow\"\n  }), mdx(\"h3\", {\n    \"id\": \"configuring-domain-rules\"\n  }, `Configuring domain rules`), mdx(\"p\", null, `Domain rules can be configured in the extension options. Getting to them varies per browser:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Chrome & Chromium-based browsers`), `: right-click the extension icon and select \"Options\"`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Firefox`), `: right-click the extension icon and select \"Manage Extension\", then click the three dot menu and then click \"Preferences\"`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Safari`), `: right-click the extension icon and select \"Manage extension\" and then click \"Settings\"`)), mdx(\"p\", null, `This options page also has general information about the extension, including the default available options and a link to this documentation.`), mdx(\"h3\", {\n    \"id\": \"local-domains\"\n  }, `Local domains`), mdx(\"p\", null, `By default we add a floating Polypane button to all localhost-served pages. To turn this off, toggle it off in the extension options or right-click the extension icon and uncheck \"show button on local pages\".`), mdx(\"p\", null, `Any more specific domain you add as a domain rule (like `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `localhost:4321`), `) will override the default local domains rule.`), mdx(\"img\", {\n    src: helperbutton,\n    alt: \"Floating Polypane button on a local page\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `This feature is a helpful reminder when a dev server automatically opens a page in your browser, making it easy to move to Polypane. You can also configure your device to `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/blog/always-open-localhost-in-your-development-browser/\"\n  }), `always open Localhost in Polypane`), `.`), mdx(\"p\", null, `If the icon is in the way you have two options:`), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, `Click the arrow to slide it out of view. This leaves a small tab that you can click to show the icon again.`)), mdx(\"img\", {\n    src: helperbutton2,\n    alt: \"Floating Polypane button collapsed\\n\",\n    className: \"imgshadow\"\n  }), mdx(\"ol\", {\n    \"start\": 2\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, `Right-click the extension icon to set the button position to one of the other corners of the page.`)), mdx(\"p\", null, `To hide the localhost reminder, right-click the extension icon and uncheck \"show button on local pages\".`), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, `Some browsers require you to give explicit permission for extensions to run on localhost pages. Those will give you a warning when installing the extension or with a warning icon next to the extension icon.`)));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":2,"excerpt":"The Polypane helper extension makes it easy to open your current page or links in Polypane without having to copy and paste the URLs. It…","frontmatter":{"title":"Helper extension for other browsers","cover":null,"date":null,"beta":null},"fields":{"nextTitle":"Integrations","nextSlug":"/docs/integrations/","prevTitle":"Application folder","prevSlug":"/docs/application-folder/","slug":"/docs/helper-extension-for-other-browsers/","date":null,"ogFileName":"helper-extension-for-other-browsers"}},"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/helper-extension-for-other-browsers/"}},"staticQueryHashes":["4164364741","425175329"]}