Extract HTML/CSS snippets from websites. Inspect an element and eXtract HTML CSS

Latest Version

Version
1.5
Update
April 20, 2016
Size
297KiB
Developer
Category
Users
9,000+
Rating
3.10526 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Tabs

Background
See more

eXtract Snippet Extension

eXtract Snippet may be used to easily extract the HTML & CSS code for any snippet over any website. Extract HTML/CSS snippets from websites in the following way. Install \"eXtract Snippet\"=> Inspect an element using chrome's developer tools 'inspect element'. Within the developer tools you should also see a panel named \"eXtract HTML CSS\". Click on to the \"eXtract HTML CSS\" panel and further click onto the \"Get HTML/CSS of inspected element\" button withing the panel. Please be patient while the eXtractor filters only the relevant CSS and pulls out the HTML CODE for the inspected snippet. Smaller snippets may get done quickly, bigger snippets may take a while. The final extracted code is a close match to the actual snippet onto the site and can be previewed onto \"codepen\", \"jsfiddle\" or \"JSbin\" by simply clicking on to the buttons below the eXtracted code. Kindly note that media queries are extracted in version 1.4 , but has been duplicated for each selector within the same media rule. 1.4 comes with an update of extracting HTML & CSS from iframes too.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "background": { "scripts": [ "background.js" ] }, "externally_connectable": { "matches": ["*://*.example.com/*"]}, "browser_action": { "default_icon": "icon.png" }, "content_scripts": [ { "js": [ "allLibs.js" ], "matches": [ "\\u003Call_urls>" ] } ], "description": "Extract HTML/CSS snippets from websites. Inspect an element and eXtract HTML CSS", "icons": { "128": "l1.png", "16": "icon.png", "48": "l2.png" }, "devtools_page": "devtools.html", "manifest_version": 2, "name": "eXtract Snippet", "permissions": [ "tabs", "", "background" ], "version": "1.5"}
Read more

Similar Extensions

icon

Web Design Pirate Extension · Developer Tools 9,000+ 21 ★ 134KiB

icon

PageRip (HTML + CSS Extract) Extension · Developer Tools 9,000+ 54 ★ 434KiB

icon

CSS Scan Extension · Developer Tools 9,000+ 84 ★ 1.41MiB

icon

Agenty - Advanced Web Scraper Extension · Developer Tools 9,000+ 175 ★ 604KiB

icon

FullDownload Extension · Developer Tools 9,000+ 9 ★ 1.15MiB

icon

SnipCSS Extension · Developer Tools 9,000+ 32 ★ 13.12MiB

icon

CSS Used Extension · Developer Tools 9,000+ 184 ★ 164KiB

icon

SnappySnippet Extension · Developer Tools 9,000+ 9 ★ 2.24MiB

icon

Html Scan Extension · Developer Tools 9,000+ 17 ★ 167KiB

icon

CSS Peeper Extension · Developer Tools 9,000+ 363 ★ 279KiB

icon

Extract to React Extension · Developer Tools 9,000+ 7 ★ 489KiB

icon

CSSSteal Extension · Developer Tools 9,000+ 46 ★ 557KiB

icon

CSSViewer Extension · Developer Tools 9,000+ 371 ★ 301KiB

icon

CSS Inspector Extension · Developer Tools 9,000+ 64 ★ 2.57MiB

icon

CSS Brio Extension · Developer Tools 9,000+ 5 ★ 86.26KiB

icon

CSS Extractor (Extracts style & media rules) Extension · Developer Tools 9,000+ 5 ★ 18.14KiB

icon

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 9,000+ 266 ★ 2.15MiB

icon

CSS remove and combine Extension · Developer Tools 9,000+ 115 ★ 270KiB

icon

Hoverify Extension · Developer Tools 9,000+ 145 ★ 14.54MiB

icon

Unused CSS Tracker Extension · Developer Tools 9,000+ 11 ★ 24.94KiB

icon

Amino: Live CSS Editor Extension · Developer Tools 9,000+ 453 ★ 1.45MiB

icon

cssPicker - copy css from website Extension · Developer Tools 9,000+ 6 ★ 1021KiB

icon

Copy Css Selector Extension · Developer Tools 9,000+ 26 ★ 19.31KiB

icon

Save All Resources Extension · Developer Tools 9,000+ 335 ★ 4.73MiB

User reviews

icon

VP SINGH (ID: 000000dade8afc20) Voted 5 ★ - Updated 03/31/2023 best plugin ever! people dont know how to use it

icon

Máxx (ID: 0000006aaec0ae84) Voted 1 ★ - Updated 12/16/2022 DIdn't work for me

icon

Ivan Benussi (ID: 0000004d7275dabe) Voted 1 ★ - Updated 09/01/2022 Not working, keeps spinning and errors are shown in console.

icon

Otros Proyectos (ID: 0000001f29a821c8) Voted 5 ★ - Updated 06/23/2022 Es genial, ahorra mucho tiempo de trabajo, además es muy util <3

icon

Mohammad Yamini (ID: 0000009f41505aa0) Voted 1 ★ - Updated 06/15/2022 کار نمیکنه! Not work!