Web Design Scraper

Extract and inspect web design measurements!

Web Design Scraper là gì?

Web Design Scraper là một tiện ích mở rộng Chrome được phát triển bởi Ezzat Chamudi, và tính năng chính của nó là "Extract and inspect web design measurements!".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Web Design Scraper

Tải xuống các tệp mở rộng Web Design Scraper dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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.                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Web Design Scraper Web Design Scraper
ID lhhebabfhjommcpnaapcncphgbbjlknd
URL Chính Thức https://chromewebstore.google.com/detail/web-design-scraper/lhhebabfhjommcpnaapcncphgbbjlknd
Mô tả Extract and inspect web design measurements!
Kích Thước Tệp 838 KB
Số Lần Cài Đặt 237
Phiên Bản Hiện Tại 1.1.0
Cập Nhật Lần Cuối 2021-03-14
Ngày Phát Hành 2021-02-16
Nhà Phát Triển Ezzat Chamudi
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/echamudi/web-design-scraper
URL Trang Trợ Giúp https://github.com/echamudi/web-design-scraper/issues
URL Trang Chính Sách Bảo Mật https://chamudi.me/chrome-extensions-privacy-policy
Ngôn Ngữ Được Hỗ Trợ 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"
    }
}