Web Design Scraper

Extract and inspect web design measurements!

什么是Web Design Scraper?

Web Design Scraper是由Ezzat Chamudi开发的Chrome扩展程序,该扩展的主要功能是“Extract and inspect web design measurements!”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot

下载Web Design Scraper扩展crx文件

下载Web Design Scraper扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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.                    

扩展基本信息

名称 Web Design Scraper Web Design Scraper
ID lhhebabfhjommcpnaapcncphgbbjlknd
官方URL https://chromewebstore.google.com/detail/web-design-scraper/lhhebabfhjommcpnaapcncphgbbjlknd
简介 Extract and inspect web design measurements!
文件大小 838 KB
安装次数 237
当前版本 1.1.0
更新时间 2021-03-14
上架时间 2021-02-16
开发者 Ezzat Chamudi
电子邮箱 [email protected]
付费类型 free
扩展官网 https://github.com/echamudi/web-design-scraper
帮助页面URL https://github.com/echamudi/web-design-scraper/issues
隐私政策页面URL https://chamudi.me/chrome-extensions-privacy-policy
支持的语言 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"
    }
}