https://github.com/moscarde/div-classname-preview

Script Js para facilitar a visualização das classes de divs
https://github.com/moscarde/div-classname-preview

Last synced: about 2 months ago
JSON representation

Script Js para facilitar a visualização das classes de divs

• Host: GitHub
• URL: https://github.com/moscarde/div-classname-preview
• Owner: Moscarde
• Created: 2022-07-04T06:45:55.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-07-04T07:29:00.000Z (almost 3 years ago)
• Last Synced: 2025-02-06T04:53:07.045Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 9.77 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Div className preview

## :bookmark_tabs: Descrição do projeto

O projeto busca facilitar a identificação das divs revelando o nome de suas classes


## :open_file_folder: Como utilizar

Coloque o arquivo div-className-preview.js na pasta do seu projeto e faça uma referência no final da tag body


```html

```

O script identifica divs e sections, mas também pode exibir outras tags com um pequeno ajuste. Basta adicionar duas linhas no evento onclick


```javascript

let tagList = document.getElementsByTagName("tag-escolhida")

showInfo(tagList)

```




## :camera: Previews

>ajuda na configuração da responsividade

![preview2](https://i.imgur.com/8O6D88Y.png)

>menu para ligar a função

![preview4](https://i.imgur.com/MOFv8H8.png)

![js](https://i.imgur.com/D8Rt9ov.png)

![preview3](https://i.imgur.com/SxRZtRj.png)