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. 擴展基本資訊
| 名稱 |  Web Design Scraper |
| ID | lhhebabfhjommcpnaapcncphgbbjlknd |
| 官方網址 | 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"
}
} | |
