The extension was created as a way to help non-US citizens who are not eligible for secret clearance to quickly identify job descriptions that require it. By highlighting specified stop words, users can easily skim job postings and avoid wasting time on positions that they are not eligible for. Also I wanted to got experience in chrome widget creating
This Chrome extension uses a MutationObserver to watch for changes to the DOM. Once the job description has been loaded, the extension searches for all instances of stop words within the job description and highlights them in yellow. Additionally, an observer is used to detect when a loading element is removed, indicating that the job description has finished loading and the extension should begin highlighting stop words.
- Highlighting specific words from a list
- Optionable highlighting years of experience
- Removing job listings by words in title
- Customizable by user highlight colors
- Automatic scrolling to first highlighted word
Add userinterface for adding and editing stop wordsimprove UI- Optimize algorithm for searching stopwords in one walk
use webpack/vite for supporting modularity + TSAdd highlighting algorythm- after clicking save - refresh page
- Clone or download this repository
- Open Chrome and navigate to chrome://extensions
- Enable "Developer mode"
- Click on "Load unpacked"
- Select the folder 'extension' from downloaded repository
- Navigate to a job listing page on Indeed.com
- Wait for the job description to load
- Stop words will be highlighted in yellow
- Highliting is triggered by unmouting skeleton component
- Missing Selector errors in the console
- Open the extension settings.
- Click on "Show Selectors".
- Search for the selectors in the code (check for console warnings).
- If the selectors are missing, replace them with the new ones and update the extension settings:
You need use the browser's Developer Tools (F12) to inspect the web page structure and identify the right selectors. In the Developer Tools, navigate to the "Elements" tab and search (Ctrl + F) for the classes or IDs you are looking for.
It often contains "embedBody" in the className. Ensure the correct className is used in the extension settings.
Two selectors are working as logical OR: SKELETON CLASS and REMOVE TEST ID. As these elements are removed after fetching data, it's hard to find them in dom tree. Try to pause execution by click pause button on the source tab of the Chrome development tools and inspect source code
Note: Removing titles has not yet been implemented in the extension settings. You might want to consider adding this feature in a future update or creating a separate extension to handle title removal.
Leave an issue on the extension's GitHub repository describing your problem in detail.
If you would like to contribute to this project, feel free to open a pull request or submit an issue.