Web Design Scraper
Extract and inspect web design measurements!
Web Design Scraperคืออะไร?
Web Design Scraper เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Ezzat Chamudi และคุณลักษณะหลักของมันคือ "Extract and inspect web design measurements!"
ภาพหน้าจอของส่วนขยาย
ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Web Design Scraper
ดาวน์โหลดไฟล์ส่วนขยาย 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 |
| อีเมล | [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"
}
} | |
