Obsidian Web Clipper is a browser extension that helps you highlight and save web pages. Visit the Obsidian Help site for documentation and troubleshooting.
Install the extension by downloading it from the official directory for your browser:
- Chrome Web Store for Chrome, Brave, Edge, Arc, Orion, and other Chromium-based browsers.
- Firefox Add-Ons for Firefox and Firefox Mobile.
- Safari Extensions for macOS, iOS, and iPadOS.
Documentation is available on the Obsidian Help site, which covers how to use highlighting, templates, variables, filters, and more.
You can help translate Web Clipper into your language. Submit your translation via pull request using the format found in the /locales folder.
To build the extension:
npm run build
This will create three directories:
dist/for the Chromium versiondist_firefox/for the Firefox versiondist_safari/for the Safari version
For Chromium browsers, such as Chrome, Brave, Edge, and Arc:
- Open your browser and navigate to
chrome://extensions - Enable Developer mode
- Click Load unpacked and select the
distdirectory
For Firefox:
- Open Firefox and navigate to
about:debugging#/runtime/this-firefox - Click Load Temporary Add-on
- Navigate to the
dist_firefoxdirectory and select themanifest.jsonfile
- webextension-polyfill for browser compatibility
- readability for content extraction
- turndown for HTML to Markdown conversion
- dayjs for date parsing and formatting
- lz-string to compress templates to reduce storage space
- lucide for icons
- mathml-to-latex for MathML to LaTeX conversion
- dompurify for sanitizing HTML