Aloita DevSuite Pron käyttö muutamalla napsautuksella
Aloittaminen on helppoa. Asenna laajennus, avaa mikä tahansa verkkosivu ja käytä yli 39 kehittäjätyökalua ponnahdusikkunasta tai kelluvasta telakasta. Asetuksia ei tarvita.
Lisää laajennus Chromeen
Ava Chrome Web Store ja etsi "DevSuite Pro" -laajennus.
Napsauta "Lisää Chromeen" ja vahvista napsauttamalla "Lisää laajennus" ponnahdusikkunassa.
Avaa mikä tahansa verkkosivu ja käynnistä työkalu
Siirry mille tahansa verkkosivustolle ja napsauta DevSuite Pro -kuvaketta työkalupalkissa tai käytä sivulla olevaa kelluvaa telakkaa.
Valitse mikä tahansa työkalu ruudukosta. Työkalut kuten CSS Inspector, Rulers tai Color Picker aktivoituvat heti nykyisellä sivulla.
Laajennuksen ominaisuudet
DevSuite Pron keskeiset ominaisuudet
DevSuite Pro tarjoaa yli 39 kehittäjätyökalua verkkosivujen tarkastamiseen, mittaamiseen, suunnitteluun ja analysointiin. Tehosta työnkulkuasi tehokkailla ominaisuuksilla suoraan selaimessasi.
CSS Inspector
Vie hiiri minkä tahansa elementin päälle nähdäksesi ja muokataksesi sen CSS-tyylejä reaaliajassa, mikä helpottaa virheiden korjaamista ja suunnittelun hienosäätöä.
Napsauta mitä tahansa elementtiä tarkastaaksesi sen ominaisuudet, mitat, välit, fontit ja värit. Ymmärrä sivun rakenne välittömästi avaamatta selaimen kehittäjätyökaluja.
Rulers & Guides
Mittaa etäisyyksiä, tarkista tasaus ja lisää pikselintarkkoja viivaimia ja apuviivoja mille tahansa verkkosivulle varmistaaksesi, että suunnitelmasi ovat täydellisesti linjassa.
Color Picker
Poimi värejä mistä tahansa sivun elementistä ja kopioi HEX-, RGB- tai HSL-arvot leikepöydällesi yhdellä napsautuksella.
Screenshot Capture
Kaappaa koko sivun tai näkyvän alueen kuvakaappauksia mistä tahansa verkkosivusta ja lataa ne välittömästi — täydellinen suunnitelmien jakamiseen ja virheiden raportointiin.
Responsive Tester
Esikatsele mitä tahansa verkkosivua eri näyttöko'oilla ja laiteresoluutioilla testataksesi responsiivista suunnittelua poistumatta selaimestasi.
Yleisiä kysymyksiä DevSuite Pro -laajennuksen ominaisuuksista ja käytöstä. Jos sinulla on kysymys, vastaus saattaa löytyä alta.
Miten asennan DevSuite Pron?
Käy Chrome Web Storessa, etsi "DevSuite Pro", napsauta "Lisää Chromeen" ja vahvista valitsemalla "Lisää laajennus". Asennuksen jälkeen laajennuksen kuvake ilmestyy selaimen työkalupalkkiin. Napsauta sitä päästäksesi käsiksi yli 39 kehittäjätyökaluun välittömästi.
Mikä on ero ilmaisten ja Pro-työkalujen välillä?
Ilmaiset työkalut (yli 20) ovat kaikkien saatavilla ilman lisenssiä. Pro-työkalut on merkitty kultaisella PRO-merkillä ja vaativat aktiivisen Pro-lisenssin. Näet ponnahdusikkunasta, mitkä työkalut ovat ilmaisia ja mitkä pro — ilmaisilla työkaluilla ei ole lukkokuvaketta, kun taas pro-työkalut näkyvät himmennettyinä, kunnes aktivoit lisenssisi.
Miksi työkalu ei toimi joillakin verkkosivustoilla?
Joillakin verkkosivustoilla on tiukat sisältöturvallisuuskäytännöt (CSP), jotka estävät tiettyjä selainlaajennusten toimintoja. Tämä on erityisen yleistä pankki- ja viranomaissivustoilla. Lisäksi Chromen sisäiset sivut (chrome://) eivät salli laajennusten sisältöskriptien suorittamista.
Ovatko sivulle tekemäni muutokset pysyviä?
Eivät. Kaikki työkaluilla kuten Move Element, Live Text Editor, Delete/Hide Element ja CSS Inspector tehdyt muutokset ovat väliaikaisia. Ne vaikuttavat vain siihen, mitä näet selaimessasi juuri nyt. Sivun uudelleenlataaminen palauttaa kaiken alkuperäiseen tilaan.
Miten aktivoin Pro-lisenssini?
Avaa DevSuite Pro -ponnahdusikkuna, napsauta Asetukset-kuvaketta oikeassa yläkulmassa. Vieritä alas Lisenssi-osioon, liitä lisenssiavaimesi syöttökenttään ja napsauta Aktivoi. Jos avain on kelvollinen, merkki vaihtuu FREE:stä PRO:hon ja kaikki pro-työkalut avautuvat välittömästi.
Miten siirrän tai piilotan kelluvan telakan?
Voit siirtää telakkaa menemällä Asetuksiin ja valitsemalla toisen sivupalkin sijainnin — Ylhäällä, Alhaalla, Vasemmalla tai Oikealla. Voit myös piilottaa telakan kokonaan kytkemällä pois "Näytä telakka sivuilla" Asetuksissa tai painamalla Ctrl+Shift+X milloin tahansa.
Kerääkö DevSuite Pro selailutietoja?
Ei. DevSuite Pro ne kerää, seuraa eikä lähetä selailutietojasi. Kaikki asetukset tallennetaan paikallisesti selaimeesi. Ainoa ulkoinen pyyntö tehdään lisenssiavaimen aktivoinnin yhteydessä avaimesi vahvistamiseksi palvelimellamme.
Voinko käyttää DevSuite Prota Firefoxissa?
Kyllä! DevSuite Pro on saatavilla sekä Chrome Web Storessa että Firefox Add-onsissa. Se toimii Chromessa, Edgessä, Bravessa ja muissa Chromium-pohjaisissa selaimissa sekä Firefoxissa.
