Skip to content

A simple element picker that can generate CSS Selectors and XPath expressions.

License

Notifications You must be signed in to change notification settings

sixcious/elempick

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

ElemPick

ElemPick

Available For

Google Chrome       Microsoft Edge       Mozilla Firefox      

Important

I want you to be 100% happy with ElemPick! If something isn't working right, or if there's a feature you think is missing, please open an issue on GitHub and give me a chance to help before leaving a review.

About

ElemPick is a simple element picker that can generate a path to an HTML element on the page without requiring any permissions from you. Click on the toolbar icon, then click on the element you want on the page, and then click the Clipboard Button above the path in the small UI Window to copy it.

Features

  • Generates a CSS Selector or XPath Expression for an element on the page
  • Can also generate JS Paths (JavaScript Paths)
  • Dual algorithm support: Use ElemPick's internal algorithm or Chromium's
  • Context Menu Option available so ElemPick can be one right click away
  • DOM Traversal Buttons to allow you to navigate to a nearby element
  • Limited support for elements inside Shadow DOM and Same-Origin Iframes
  • Options: Optimize paths and choose your preferred quote style
  • User Interface: A simple UI made with Material Design and Lit

Documentation

FAQ

What is the minimum browser version (and why is it to so high)?

ElemPick currently requires Chrome/Edge 120 and Firefox 128 and higher to run. I usually update the minimum browser version every time I do a release so I can use the latest and greatest ECMAScript features without worry. If your browser doesn't support ElemPick, I'm afraid you'll have to use another app/extension (sorry!).

Where's the source code?

Because it's still very new, ElemPick is currently proprietary. I do want to make it open source in the future, though (I thank you for your understanding).

Why is the production version's source code minified?

I use Terser to minify the source code for production releases that I upload to your browser's web store. I mainly do this because I write a lot of comments and console.log() statements for debugging and because it cuts down the file size significantly. That said, you can always view a "Pretty Print" of the source code by using a CRX Viewer to inspect it before installing it.

Permissions Justification

No permissions are needed.

Privacy Policy

ElemPick does not track you. It does not use analytic services. It does not collect any data from your device or computer. All your data is stored locally on your device. Your data is your data.

License

View License

Copyright

ElemPick
Copyright © 2020 Roy Six

About

A simple element picker that can generate CSS Selectors and XPath expressions.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published