Web Design Scraper

Extract and inspect web design measurements!

Hvad er Web Design Scraper?

Web Design Scraper er en Chrome-udvidelse udviklet af Ezzat Chamudi, og dens hovedfunktion er "Extract and inspect web design measurements!".

Udvidelsesskærmbilleder

screenshot
screenshot
screenshot
screenshot
screenshot

Download Web Design Scraper-udvidelses-CRX-fil

Download Web Design Scraper-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        Web Design Scraper is a research tool for extracting objective web design measurements from a web page. 

Web design measurements are aspects from web design that are representable in numerical form, generated by procedural algorithms.

In this tool, you can download the extracted measurements in a JSON file, which can be used as machine learning inputs for:
➡️ Predicting the usability of websites
➡️ Classifying websites based on certain design measurements
➡️ Scoring website quality and design aesthetic

Our algorithms can extract the following measurements:
➡️ Symmetry (Calculate ciede2000 average from the screenshot)
➡️ Complexity (Estimate text elements usage in the web page)
➡️ Density (Estimate negative space usage)
➡️ Cohesion (Calculate image elements aspect ratio consistency)
➡️ Economy (Calculate UI element size consistency)
➡️ Simplicity (Get total alignment points of UI elements)
➡️ Dominant colors
➡️ Font families
➡️ Text size distribution

More design measurements are currently being researched. 🔬

This extension is the implementation of the web design scraping concept that we coined in our research paper [1].

Visit our GitHub Repo to see how we extract the web design measurements:
https://github.com/echamudi/web-design-scraper

-----
[1] A. Namoun, A. Alshanqiti, E. Chamudi and M. A. Rahmon, "Web Design Scraping: Enabling Factors, Opportunities and Research Directions," 2020 12th International Conference on Information Technology and Electrical Engineering (ICITEE), Yogyakarta, 2020, pp. 104-109, doi: 10.1109/ICITEE49829.2020.9271770.                    

Grundlæggende oplysninger om udvidelsen

Navn Web Design Scraper Web Design Scraper
ID lhhebabfhjommcpnaapcncphgbbjlknd
Officiel URL https://chromewebstore.google.com/detail/web-design-scraper/lhhebabfhjommcpnaapcncphgbbjlknd
Beskrivelse Extract and inspect web design measurements!
Filstørrelse 838 KB
Antal Installationer 237
Nuværende Version 1.1.0
Senest Opdateret 2021-03-14
Udgivelsesdato 2021-02-16
Udvikler Ezzat Chamudi
E-mail [email protected]
Betalingsmetode free
Udvidelseswebsted https://github.com/echamudi/web-design-scraper
Hjælpeside-URL https://github.com/echamudi/web-design-scraper/issues
URL til Fortrolighedspolitik Side https://chamudi.me/chrome-extensions-privacy-policy
Understøttede Sprog en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Web Design Scraper",
    "version": "1.1.0",
    "description": "Extract and inspect web design measurements!",
    "manifest_version": 3,
    "permissions": [
        "activeTab",
        "storage",
        "unlimitedStorage",
        "scripting"
    ],
    "action": {
        "default_popup": "popup.html",
        "default_icon": {
            "16": "\/assets\/ico_16.png",
            "32": "\/assets\/ico_32.png",
            "48": "\/assets\/ico_48.png",
            "128": "\/assets\/ico_128.png"
        }
    },
    "icons": {
        "16": "\/assets\/ico_16.png",
        "32": "\/assets\/ico_32.png",
        "48": "\/assets\/ico_48.png",
        "128": "\/assets\/ico_128.png"
    }
}