Començar és senzill. Instal·la l'extensió, obre qualsevol pàgina web i accedeix a més de 39 eines de desenvolupador des de la finestra emergent o el panell flotant. No cal configuració.
Afegeix l'extensió a Chrome
Obre la Chrome Web Store i cerca l'extensió "DevSuite Pro".
Fes clic a "Afegeix a Chrome" i després confirma fent clic a "Afegeix extensió" a la finestra emergent.
Obre una pàgina web i inicia una eina
Ves a qualsevol lloc web, després fes clic a la icona de DevSuite Pro a la barra d'eines o utilitza el panell flotant de la pàgina.
Tria qualsevol eina de la quadrícula. Eines com el CSS Inspector, les Regles o el Selector de colors s'activaran a l'instant a la pàgina actual.
Funcions de l'extensió
Funcions clau de DevSuite Pro
DevSuite Pro ofereix més de 39 eines de desenvolupador per a la inspecció de pàgines, mesura, disseny i anàlisi. Accelera el teu flux de treball amb funcions potents integrades directament al teu navegador.
CSS Inspector
Passa el ratolí per sobre de qualsevol element per veure instantàniament els seus estils CSS i editar-los en viu, facilitant la depuració i l'ajust de dissenys en temps real.
Fes clic a qualsevol element per inspeccionar-ne les propietats, dimensions, espais, fonts i colors. Entén l'estructura de la pàgina a l'instant sense obrir les DevTools del navegador.
Regles i guies
Mesura distàncies, comprova l'alineació i afegeix regles i guies amb precisió de píxel a qualsevol pàgina web per assegurar-te que el teu disseny estigui perfectament alineat.
Selector de colors (Color Picker)
Tria colors de qualsevol element de la pàgina i copia els valors HEX, RGB o HSL al teu porta-retalls amb un sol clic.
Captura de pantalla
Fes captures de pantalla de tota la pàgina o de l'àrea visible de qualsevol pàgina web i descarrega-les a l'instant; ideal per compartir dissenys i reportar errors.
Provador de disseny reactiu
Previsualitza la pàgina web en diferents mides de pantalla i resolucions de dispositius per provar el disseny reactiu sense sortir del navegador.
Preguntes habituals sobre les funcions i l'ús de l'extensió DevSuite Pro. Si tens algun dubte, la resposta podria ser a continuació.
Com instal·lo DevSuite Pro?
Visita la Chrome Web Store, cerca "DevSuite Pro", fes clic a "Afegeix a Chrome" i confirma seleccionant "Afegeix extensió". Un cop instal·lada, la icona de l'extensió apareixerà a la barra d'eines del navegador. Fes-hi clic per accedir a més de 39 eines de desenvolupador a l'instant.
Quina és la diferència entre les eines gratuïtes i les eines Pro?
Les eines gratuïtes (20+) estan disponibles per a tothom sense llicència. Les eines Pro porten una insígnia PRO daurada i requereixen una llicència Pro activa per utilitzar-les. Pots veure quines eines són gratuïtes o Pro a la finestra emergent: les eines gratuïtes no tenen icona de cadenat, mentre que les eines Pro apareixeran una mica atenuades fins que activis la teva llicència.
Per què l'eina no funciona en alguns llocs web?
Alguns llocs web tenen polítiques de seguretat de contingut (CSP) estrictes que bloquegen certes accions de les extensions del navegador. Això és especialment comú en llocs web bancaris i mentals. A més, les pàgines internes de Chrome (chrome://) no permeten que les extensions executin scripts de contingut.
Els canvis que faig a la pàgina són permanents?
No. Tots els canvis fets per eines com Mou l'element, Editor de text en viu, Elimina/Amaga element i CSS Inspector són temporals. Només afecten el que veus al teu navegador en aquest moment. Actualitzar la pàgina ho retornarà tot al seu estat original.
Com activo la meva llicència Pro?
Obre la finestra emergent de DevSuite Pro, fes clic a la icona de Configuració a la cantonada superior dreta. Baixa fins a la secció de llicència, enganxa la teva clau de llicència al camp d'entrada i fes clic a Activa. Si la clau és vàlida, la insígnia canviarà de GRATIS a PRO i totes les eines pro es desbloquejaran a l'instant.
Com puc moure o amagar el panell flotant?
Pots moure el panell anant a Configuració i triant una posició de barra lateral diferent: a Dalt, a Baix, a l'Esquerra o a la Dreta. També pots amagar completament el panell desactivant l'interruptor "Mostra panell a les pàgines" a Configuració o prement Ctrl+Shift+X en qualsevol moment.
DevSuite Pro recopila dades de navegació?
No. DevSuite Pro no recopila, rastreja ni transmet cap de les teves dades de navegació. Tots els ajustos es guarden localment al teu navegador. L'única petició externa es fa durant l'activació de la clau de llicència per verificar-la amb el nostre servidor.
Puc utilitzar DevSuite Pro a Firefox?
Sí! DevSuite Pro està disponible tant a la Chrome Web Store com a Firefox Add-ons. Funciona a Chrome, Edge, Brave i altres navegadors basats en Chromium, així com a Firefox.
