Hi, welcome to LinkedIn Connect Chrome extension repository. This extension automates connecting users you searched for in LinkedIn.
Thank you for using this demo tool. Please note that this extension is designed solely for demonstration purposes, and should not be used to violate LinkedIn's policies or to engage in any abusive behavior towards LinkedIn users. We strongly advise you to only use this tool to connect with individuals you know and to respect their privacy and boundaries. Please understand that any misuse of this tool may result in the suspension or termination of your LinkedIn account.
The extension is under review by the chrome developer team and is currently unavailable for installation.
- Search for the users you want to connect on LinkedIn
- Open the extension and click 'Start connecting'. You can pause connecting by
- clicking on the 'Stop connecting' button.
There is a "demo mode" checkbox that is turned on by default. Running the extension in Demo mode would only turn the background of the connect buttons to the color red rather than actually clicking them. This is useful if you want to test the functionality without actually connecting to users
Chrome requires bundling the final output as a zip file. I also love hot module replacement ( live reloads). I configured Vite for the same.
- Run this command to start the dev server. It will keep building the extension as you make changes.
npm run build:watch- You can update the extension in the chrome extensions manager page by clicking on the 'update' button.
The extension is built with HTML, CSS and Javascript. The file extension.html in src provides the markup for the extension as well tailwind classes for styling. The CSS file 'extension.css' in src imports tailwind utilities. In addition, there are two entry point scripts, one with the extension's HTML document API for managing the extension's elements and another with the active tabs API for managing the web page. They are respectively in 'content-scripts' and 'extension-scripts' folder. Both these scripts use other services which are in the src/services folder
| Particular | File path |
|---|---|
| Extension markup | src/extension.html |
| Extension styling | src/extension.css |
| Extension scripting | src/extension-scripts/index.ts |
| Web page scripting | src/content-scripts/index.ts |