Web Design Scraper

Extract and inspect web design measurements!

Qu'est-ce que Web Design Scraper ?

Web Design Scraper est une extension Chrome développée par Ezzat Chamudi, et sa fonction principale est "Extract and inspect web design measurements!".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Web Design Scraper

Téléchargez les fichiers d'extension Web Design Scraper au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom Web Design Scraper Web Design Scraper
ID lhhebabfhjommcpnaapcncphgbbjlknd
URL Officiel https://chromewebstore.google.com/detail/web-design-scraper/lhhebabfhjommcpnaapcncphgbbjlknd
Description Extract and inspect web design measurements!
Taille du Fichier 838 KB
Nombre d'Installations 237
Version Actuelle 1.1.0
Dernière Mise à Jour 2021-03-14
Date de Publication 2021-02-16
Développeur Ezzat Chamudi
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/echamudi/web-design-scraper
URL de la Page d'Aide https://github.com/echamudi/web-design-scraper/issues
URL de la Page de Politique de Confidentialité https://chamudi.me/chrome-extensions-privacy-policy
Langues Prises en Charge 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"
    }
}