Web Design Scraperとは何ですか？

Web Design ScraperはEzzat Chamudiによって開発されたChromeの拡張機能で、その主な機能は「Extract and inspect web design measurements!」です。

拡張機能のスクリーンショット

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
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
Eメール	[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" } }