Web Design Scraper
Extract and inspect web design measurements!
什么是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. 扩展基本信息
| 名称 | |
| 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"
}
} | |