Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pdulvp/extract-data

Ease your daily-uses copy/paste. (as JSON, XLS or with textual format)
https://github.com/pdulvp/extract-data

chrome-extension clipboard edge-extension firefox-extension json webextension

Last synced: 4 months ago
JSON representation

Ease your daily-uses copy/paste. (as JSON, XLS or with textual format)

Awesome Lists containing this project

README 

        
[![Firefox](https://img.shields.io/badge/Firefox-install--addon-FF7139?style=flat-square&logo=Mozilla%20Firefox)](https://addons.mozilla.org/fr/firefox/addon/extract-data)

[![Google](https://img.shields.io/badge/Chrome-install--addon-4285F4?style=flat-square&logoColor=64a0ff&logo=Google%20Chrome)](https://chrome.google.com/webstore/detail/extract-data/dgojclpdbgnpjclhimcldkapkgnmjbcb)

[![Edge](https://img.shields.io/badge/Edge-install--addon-0078D7?style=flat-square&logoColor=348cee&logo=Microsoft%20Edge)](https://microsoftedge.microsoft.com/addons/detail/kepgpcbkfghmiilchbdgkmagoiimbgep)

[![Opera](https://img.shields.io/badge/Opera-install--addon-FF1B2D?style=flat-square&logoColor=FF1B2D&logo=Opera)](https://addons.opera.com/fr/extensions/details/extract-data/)



![Add item](images/ad-640x248.png)



This extension allows to extract data on opened tabs and copy it to clipboard. (as JSON, XLS or with textual format)



By right clicking on an element and defining an extraction rule, each time you will visit the site again, the data will be automatically extracted and available for a copy to the clipboard.



## How to use it



On a interesting element on a page, just `Right-Click > Create a new rule`



![Add item](images/create-rule.png)



**That's all.** If you look at the toolbar, the element is available by clicking on the addon icon.



![Add item](images/popup-account-raw.png)



Just click on one of the format appearing and it will be copied to the clipboard.



:thumbsup: If you visit again the site, it will be directly available here again.



You can add additional element: 



![Add item](images/add-item.png)



It will be added to the toolbar: 



![Add item](images/add-rule-item.png)



:thumbsup: If the value within the site change, the value will be dynamically changed here too



## Fine settings



You can Edit created rules.



Just click on `Edit rules` in the toolbar or in the contextual menu. It opens a new dialog allowing finer tune.



### From:



![Add item](images/edit-rule-account-raw.png)



### To:



![Add item](images/edit-rule-account.png)



You can do basic stuff:

- Edit rule and item names (F2 or Double Click)

- Delete rules and items (Delete key)



You can do better stuff:

- Use a **Regular expression for Site**

- Edit Expression (even if contextual menu `Change Item #XX` allows easier change)

- Validate if your rules are working properly (see dedicated section)



![Add item](images/popup-account.png)



## Clipboard



When you click on the dedicated button, it will copy the result to the clipboard.



### JSON format



If you click on JSON button



![Add item](images/export-account-json.png)



### XLS format



If you click on XLS button, you can paste it to Excel with this format



![Add item](images/export-account-xls.png)



### RAW/Textual format



If you click on RAW button



![Add item](images/export-account-raw.png)



## Validate rules



### Highlight elements



Anywhere on a page, just `Right-click > Highlight` to identify which elements are already marked by a given rule.



![Add item](images/highlight.png)



![Add item](images/highlighted.png)



### Contextual indicators (Firefox only)



On a page, invalid items are displaying a warning aside.



![Add item](images/issue.png)



### Expression



#### XPath



You can use expression to retrieve one or many elements. 



- `//h1`: returns all h1 elements.



- `/element/@name`: returns the attribute `name` of the element.



- see [XPath](https://developer.mozilla.org/fr/docs/Web/XPath)  for more samples



#### CSS Selectors



You can use CSS Selectors rather than a complicated XPath expression.



- `h1`: returns all h1 elements.



- `#id`: returns element with the given `id` attribute.



- see [CSS Selectors](https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Selectors) for more samples



#### Predefined expressions



You can also use one of the predefined expressions below.



- `document.location` : https://developer.mozilla.org:8080/en-US/search?q=URL&r=10#search-results-close-container

- `document.location.protocol` : https:

- `document.location.host` : developer.mozilla.org:8080

- `document.location.hostname` : developer.mozilla.org

- `document.location.port` : 8080

- `document.location.pathname` : /en-US/search

- `document.location.pathname.` : 0: en-US, 1: search

- `document.location.origin` : https://developer.mozilla.org:8080

- `document.location.search` : ?q=URL&r=10

- `document.location.search.` : q: URL, r: 10

- `document.location.hash` : #search-results-close-container



### Validation indicators



Especially when a rule is covered by a `Regular Expression`, selected items may not work on some matched pages.



The `Green button` will list all opened tabs that are matched by the Site field.



![Add item](images/list-all-matching-tabs.png)



By clicking on one of them, it will highlight elements on the page and indicates which items are not matched.



![Add item](images/issue-on-tab.png)



## Advanced items editor



Items can be edited within an advanced editor:



Just edit your items using JSON format, switch back, items are created.



![Add item](images/advanced-editor-account.png)