O que é Web Design Scraper?

Web Design Scraper é uma extensão do Chrome desenvolvida por Ezzat Chamudi, e sua principal característica é "Extract and inspect web design measurements!".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão Web Design Scraper

Baixe arquivos de extensão Web Design Scraper no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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.

Informações Básicas da Extensão

Nome	Web Design Scraper
ID	lhhebabfhjommcpnaapcncphgbbjlknd
URL Oficial	https://chromewebstore.google.com/detail/web-design-scraper/lhhebabfhjommcpnaapcncphgbbjlknd
Descrição	Extract and inspect web design measurements!
Tamanho do Arquivo	838 KB
Contagem de Instalações	237
Versão Atual	1.1.0
Última Atualização	2021-03-14
Data de Publicação	2021-02-16
Desenvolvedor	Ezzat Chamudi
Email	[email protected]
Tipo de Pagamento	free
Site da Extensão	https://github.com/echamudi/web-design-scraper
URL da Página de Ajuda	https://github.com/echamudi/web-design-scraper/issues
URL da Página de Política de Privacidade	https://chamudi.me/chrome-extensions-privacy-policy
Idiomas Suportados	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" } }