Link Extractor

Modern Chrome Web Extension and Firefox Browser Addon to easily extract, parse, or open all links/domains from a site or text with optional filters. Feature packed with automatic dark/light mode, copy to clipboard, keyboard shortcuts, custom options, and much more...

Website: https://link-extractor.cssnr.com/

• Install
• Features
  • Upcoming
• Configuration
• Support
• Development
  • Building

Install

• Google Chrome Web Store
• Mozilla Firefox Add-ons

All Chromium Based Browsers can install the extension from the Chrome Web Store.

Mobile browser support available for Firefox and Yandex.

Features

Please submit a Feature Request for new features.
For any issues, bugs or concerns; please Open an Issue.

• Extract All Links and Domains from Any Site
• Extract Links from Selected Text on any Site
• Extract Links from Clipboard or Any Text
• Extract Links from All Selected Tabs
• Display Additional Link Details and Text
• Open Multiple Links in Tabs from Text
• Download Links and Domains as a Text File
• Copy the Text from a Link via Context Menu
• Quick Filter Links with a Regular Expression
• Store Regular Expressions for Quick Filtering
• Import and Export Saved Regular Expressions
• Automatic Dark/Light Mode based on Browser Setting
• Activate from Icon, Context Menu, or Keyboard Shortcuts

Planned Upcoming Features

• Option to Set Names/Titles for Saved Filters
• Option to Extract Using Multiple Filters with AND/OR

[!TIP] Don't see your feature here? Request one on the Feature Request Discussion.

Configuration

• View Configuration Documentation on Website

You can pin the Addon by clicking the Puzzle Piece, find the Link Extractor icon, then;
Chrome, click the Pin icon.
Firefox, click the Settings Wheel and Pin to Toolbar.

To open the options, click on the icon (from above) then click Open Options.
You can also access Options through the right-click context menu (enabled by default).
Here you can set flags and add as many saved regular expressions as you would like for easy use later.
Make sure to clickSave Options when finished.

For more information on regex, see: https://regex101.com/

Support

For help using the web extension, utilize any these resources:

• Documentation: https://link-extractor.cssnr.com/docs/
• Q&A Discussion: https://github.com/cssnr/link-extractor/discussions/categories/q-a
• Request a Feature: https://github.com/cssnr/link-extractor/discussions/categories/feature-requests

If you are experiencing an issue/bug or getting unexpected results, use:

• Report an Issue: https://github.com/cssnr/link-extractor/issues
• Chat with us on Discord: https://discord.gg/wXy6m2X8wY
• Provide Anonymous Feedback: https://cssnr.github.io/feedback

Logs can be found inspecting the page (Ctrl+Shift+I), clicking on the Console, and; Firefox: toggling Debug logs, Chrome: toggling Verbose from levels dropdown.

Note: When providing anonymous feedback there is no way to follow up and get more information unless you provide a contact method.

Development

Quick Start

First, clone (or download) this repository and change into the directory.

Second, install the dependencies:

npm install

Finally, to run Chrome or Firefox with web-ext, run one of the following:

npm run chrome
npm run firefox

Additionally, to Load Unpacked/Temporary Add-on make a manifest.json and run from the src folder, run one of the following:

npm run manifest:chrome
npm run manifest:firefox

Chrome: https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world#load-unpacked
Firefox: https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/

For more information on web-ext, read this documentation.
To pass additional arguments to an npm run command, use --.
Example: npm run chrome -- --chromium-binary=...

Building

Install the requirements and copy libraries into the src/dist directory by running npm install. See gulpfile.js for more information on postinstall.

npm install

To create a .zip archive of the src directory for the desired browser run one of the following:

npm run build
npm run build:chrome
npm run build:firefox

For more information on building, see the scripts section in the package.json file.

Chrome Setup

1. Build or Download a Release.
2. Unzip the archive, place the folder where it must remain and note its location for later.
3. Open Chrome, click the 3 dots in the top right, click Extensions, click Manage Extensions.
4. In the top right, click Developer Mode then on the top left click Load unpacked.
5. Navigate to the folder you extracted in step #3 then click Select Folder.

Firefox Setup

1. Build or Download a Release.
2. Unzip the archive, place the folder where it must remain and note its location for later.
3. Go to about:debugging#/runtime/this-firefox and click Load Temporary Add-on...
4. Navigate to the folder you extracted earlier, select manifest.json then click Select File.
5. Optional: open about:config search for extensions.webextensions.keepStorageOnUninstall and set to true.

If you need to test a restart, you must pack the addon. This only works in ESR, Development, or Nightly. You may also use an Unbranded Build: https://wiki.mozilla.org/Add-ons/Extension_Signing#Unbranded_Builds

1. Run npm run build:firefox then use web-ext-artifacts/{name}-firefox-{version}.zip.
2. Open about:config search for xpinstall.signatures.required and set to false.
3. Open about:addons and drag the zip file to the page or choose Install from File from the Settings wheel.