Web Design Scraper

Extract and inspect web design measurements!

¿Qué es Web Design Scraper?

Web Design Scraper es una extensión de Chrome desarrollada por Ezzat Chamudi, y su función principal es "Extract and inspect web design measurements!".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión Web Design Scraper

Descarga archivos de extensión Web Design Scraper en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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.                    

Información Básica de la Extensión

Nombre Web Design Scraper Web Design Scraper
ID lhhebabfhjommcpnaapcncphgbbjlknd
URL Oficial https://chromewebstore.google.com/detail/web-design-scraper/lhhebabfhjommcpnaapcncphgbbjlknd
Descripción Extract and inspect web design measurements!
Tamaño del Archivo 838 KB
Cantidad de Instalaciones 237
Versión Actual 1.1.0
Última Actualización 2021-03-14
Fecha de Publicación 2021-02-16
Desarrollador Ezzat Chamudi
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://github.com/echamudi/web-design-scraper
URL de la Página de Ayuda https://github.com/echamudi/web-design-scraper/issues
URL de la Página de Política de Privacidad https://chamudi.me/chrome-extensions-privacy-policy
Idiomas Soportados 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"
    }
}