Web Developer for Firefox - laajennuksen asennus ja ominaisuudet taittosuunnittelijoille ja verkkovastaaville

Käytin Firefoxia koko ajan. Se sopi minulle varsin hyvin, varsinkin sivuston kehitys- ja testausprosessin aikana. Kokeilin heti sen ilmestymisen jälkeen. Pidin sivun hahmontamisen nopeudesta.

Mutta lyhyen ajan kuluttua palasin Firefoxiin, koska laajennuksia ja lisäosia, kuten Google PageRank ja Webdev-verkkokehittäjäpaneeli, ei ollut. Nyt ei ole ongelmia, niitä on jo suuri määrä.

FireBug-laajennus Firefoxille

Tämä on tärkein verkkokehittäjälaajennus. Voit muokata, korjata, tarkastella CSS-, HTML- ja JavaScript-tiedostoja. Tehtyjen muutosten tulos näkyy välittömästi. FireBug-laajennus on erittäin kätevä etsittäessä koodinpätkää, joka vastaa tietyn lohkon näyttämisestä sivulla, ja vastaavaa CSS-tyyliä.

Laajennuksessa on upea Inspect-toiminto, jonka avulla näet, mitkä tagit ja ominaisuudet määrittävät yksittäisen elementin sijainnin sivulla. Lisäksi Asettelu-välilehdellä näet, mitä marginaaleja ja sisennyksiä tälle elementille on asetettu.


Tämä laajennus on lisäys FireBugiin. Sen avulla voit helposti sijoittaa kuvia taittoasi ja katsoa luonnosta kuin valmiissa muodossa. Tätä varten sinun on valittava kuvat ja asetettava ne suoraan sivulle. Kuvat ovat läpikuultavia ja niitä voi helposti vetää hiirellä.

Lataa Pixel Perfect -laajennus Firefoxille.

HTML Validator yksinkertaistaa kelvollisen HTML-merkinnän luomista verkkostandardien mukaisesti. Nyt ei tarvitse mennä viralliselle validointisivulle.


Plugin näyttää virheet yksityiskohtaisesti ja tarkan sijainnin sekä selittää myös kuinka tämä virhe korjataan. Toimii taustalla ja on sisäänrakennettu lähdekoodinäkymäsivulle. Säästää paljon aikaa.

Vlad Merževitš

Vaikka laajennus on saatavilla kahdelle eri selaimelle, Firefoxin versio on ajan tasalla ja sitä päivitetään säännöllisesti, mitä ei voi sanoa Chromen versiosta. Lisäksi se tukee venäjän kieltä. Siksi kuvaus on jatkossa vain Firefoxille.

Asennus on melko yksinkertaista, mene vain kirjoittajan verkkosivustolle Firefox-selaimella ja napsauta "Lataa", minkä jälkeen sinut siirretään sivustolle, jossa sinun on napsautettava "Lisää Firefoxiin" (kuva 7.1).

Riisi. 7.1. Lisätään Firefoxiin

Voit myös siirtyä suoraan sivulle, jossa on laajennus.

Lisäyksen jälkeen näkyviin tulee varoitusikkuna (kuva 7.2), napsauta "Asenna nyt" -painiketta ja asennus on valmis.

Riisi. 7.2. Web Developerin asentaminen

Toinen tapa asentaa erilaisia ​​laajennuksia on käyttää valikkoa Työkalut > Lisäosat. Kirjoita hakuikkunaan ”web developer”, paina Enter, tarvitsemamme lisäosa tulee näkyviin alla olevaan luetteloon (kuva 7.3).

Riisi. 7.3. Firefoxin lisäosien ikkuna

Laajennus itsessään näyttää valikkoriviltä välilehtien yläpuolella (kuva 7.4), ja siihen pääsee myös valikon kautta. Työkalut > Verkkokehittäjä. Voit kytkeä paneelin päälle/pois päältä valikon kautta Näytä > Työkalurivit tai napsauttamalla hiiren kakkospainikkeella laajennuspaneelia.

Riisi. 7.4 Web-kehittäjä selaimessa

Käydään läpi Web Developer -valikon kohdat.

Poista välimuisti käytöstä

Poistaa selaimen sisäisen välimuistin käytöstä. Yleensä selain tallentaa kuvat ja kopiot katsotuista sivuista paikalliselle levylle latausajan säästämiseksi. Kun sivu avataan uudelleen, selain vertaa paikallista kopiota alkuperäiseen ja jos ne täsmäävät, paikallinen kopio ladataan. Joissakin tapauksissa sivun paikallinen versio ladataan, vaikka alkuperäinen olisi muuttunut. Esimerkiksi selaimen asetukset voidaan asettaa tarkistamaan kahden tunnin välein, onko välimuistiin tallennettu sivu päivitetty palvelimelle. Firefox ei kuitenkaan salli välimuistin hienosäätöä, kuten Opera.

Voit myös päivittää sivun ohittamalla välimuistin käyttämällä näppäinyhdistelmää Ctrl + F5. Kaikki selaimet tukevat sitä.

Java on Sun Microsystemsin kehittämä ohjelmointikieli. Tämän kielen pieniä ohjelmia (kutsutaan sovelmiksi) käytetään laajentamaan verkkosivujen toimivuutta. Firefoxissa on sisäänrakennettu tuki tälle kielelle, joka voidaan poistaa käytöstä tällä valikkokohdalla. Ei toimi Firefox 3.6:ssa.

Poista JavaScript käytöstä

Ohjelmointikieli, joka on suunniteltu suorittamaan komentosarjoja - ohjelmia, jotka on integroitu web-sivulle. JavaScriptiä käytetään laajalti luotaessa verkkosivuja niiden toimivuuden laajentamiseksi, esimerkiksi luotaessa erilaisia ​​valikoita, lomakkeita, tehosteita jne. Jos valitset Poista JavaScript käytöstä > Täysin, kaikki sivuston toiminnot lakkaavat toimimasta. Tällä valikkokohdalla voidaan testata sivuston toimintaa ilman komentosarjoja sekä ohittaa useita sivuston tekijöiden asettamia rajoituksia, kuten hiiren oikean painikkeen poistaminen käytöstä. Web Developer sanoo, ettei ole olemassa rajoituksia, joita ei voida kiertää.

Poista META-uudelleenohjaus käytöstä

Tunnisteen käyttäminen Voit automaattisesti ohjata tiettyyn asiakirjaan tietyn ajan kuluttua. Tunnistetta käytetään tähän ja http-equiv-attribuutin Refresh-arvo (esimerkki 7.1).

Esimerkki 7.1. Automaattinen edelleenlähetys

Edelleenlähetys

Edelleenlähetystä voidaan käyttää chateissa nykyisen asiakirjan päivittämiseen tai uudelleenohjaukseen uuteen osoitteeseen. Mutta sitä käytetään myös pahantahtoisessa tarkoituksessa, esimerkiksi kontekstuaalisen mainoksen tai bannerien näyttämiseen usein. Tämän valikkokohdan avulla voit estää tällaisen tunnisteen .

Poista vähimmäisfonttikoko käytöstä

Firefox-asetuksissa voit asettaa vähimmäisfontin koon, jota käytetään tekstille, joka on määritettyä kokoa pienempi. Näin voit tehdä selaussivuista helpommin luettavia, etenkin sivustoilla, joissa teksti näytetään kirjasimella, joka on liian pieni mukavaan lukemiseen.

Aseta vähimmäisfonttikoko valitsemalla valikosta Työkalut > Asetukset..., avaa Sisältö-paneeli ja napsauta Lisäasetukset-painiketta Kirjasimet ja värit -ryhmässä. Voit valita vähimmäisfontin koon pudotusvalikosta Pienin fonttikoko.

Web Developerin avulla voit ottaa tämän ominaisuuden nopeasti käyttöön tai poistaa sen käytöstä. Jos vähimmäisfonttikokoa ei kuitenkaan ole määritetty asetuksissa, tämä kohta ei vaikuta tulokseen millään tavalla.

Poista sivun värit käytöstä

Poistaa käytöstä kaikki tausta- tai taustaväriominaisuuden määrittämät värit. Tämä vaikuttaa myös taustakuviin, jotka on asetettu taustalla.

Poista ponnahdusikkunoiden esto käytöstä

Ponnahdusikkunoita käytetään yleensä mainontaan, joten ne on yleensä estetty, eikä niitä sallita selaimissa. Tämän kohteen avulla voit ottaa tämän vaihtoehdon nopeasti käyttöön ja poistaa sen käytöstä.

Poista välityspalvelin käytöstä

Välityspalvelin ymmärretään yleensä palvelimeksi tai ohjelmaksi, jonka avulla voit muodostaa yhteyden Internetiin sekä luoda pyyntöjä muiden asiakkaiden puolesta. Jos Firefoxin asetuksissa ( Työkalut > Asetukset..., Lisäasetukset-paneeli, Verkko-välilehti, Määritä-painike) on "Käytä järjestelmän välityspalvelimen asetuksia", silloin tämä kohde ei ole aktiivinen.

Poista viittaavat käytöstä

Viittaus on yksi HTTP-protokollan otsikoista ja sen avulla voit saada sen sivun osoitteen, jolta käyttäjä tuli sivustolle. Jos olet huolissasi tietojesi turvallisuudesta, ota tämä kohde käyttöön.

Evästeet tai evästeet, kuten niitä kutsutaan ammattikielessä, ovat pieniä tekstitiedostoja paikallisella tietokoneellasi, jotka tallentavat verkkosivustolle hyödyllistä tietoa. Evästeitä voidaan käyttää muistamaan käyttäjän nimi, tila ja muut sivustolla käytetyt tiedot. Firefox asettaa evästeasetukset valikon kautta Työkalut > Asetukset..., Tietosuojapaneeli. Turvallisuussyistä voit yleensä estää evästeiden hyväksymisen sivustoilta.

Evästeet itse ovat joukko parametreja:

  • ainutlaatuinen nimi;
  • merkitys;
  • polku - lähettää evästeitä vain, jos polku ja sivun osoite täsmäävät, polku "/" tarkoittaa mitä tahansa sivua;
  • domain - mille verkkosivuston osoitteelle merkintä on olennainen;
  • viimeinen voimassaolopäivä - kertoo selaimelle, milloin evästeet voidaan poistaa.

Poista evästeet käytöstä

Estää evästeiden hyväksymisen sivustoilta.

Poista istunnon evästeet

Evästeitä käytetään usein käyttäjän todennuksen tarkistamiseen. Kun olet syöttänyt nimesi ja salasanasi, yksilöllinen koodi luodaan ja tallennetaan evästeisiin. Kun vierailet sivustolla uudelleen, tämä koodi tarkistetaan, ja jos se vastaa palvelinkoodia, sivusto "tunnistaa" käyttäjän. Tämän kohteen valitseminen poistaa kaikki tallennetut istunnot.

Poista verkkotunnuksen evästeet

Poistaa kaikki selaimessa tällä hetkellä avoinna olevan sivuston evästeet.

Poista evästeet polusta

Poistaa kaikki evästeet sivustolta, jonka polku vastaa selaimessa avatun sivuston polkua.

Tietoja evästeistä

Lisäsivu avautuu, jossa kaikki tämän sivuston evästeet esitetään taulukkomuodossa. Niiden asetuksia voidaan muokata tai evästeet voidaan poistaa kokonaan (kuva 7.5).

Riisi. 7.5 Tietoja evästeistä osoitteesta youtube.com

Lisää evästeitä

Mahdollistaa evästeiden asettamisen keinotekoisesti nykyiselle tai mille tahansa muulle sivustolle sekä tarvittavien parametrien asettamisen (Kuva 7.6).

Riisi. 7.6 Lisäysikkuna

Lisääminen vaaditaan yleensä evästeiden toiminnan ja sivuston toiminnan virheenkorjaukseen niiden ollessa olemassa.

CSS

Tämä valikko vastaa nykyisen sivun tyyleistä.

Poista tyylit käytöstä

Suunniteltu poistamaan tyylit käytöstä mistä tahansa syystä.

Kaikki tyylit

Poistaa käytöstä kaikki sivulla käytetyt tyylit.

Oletusselaintyyli

Poistaa tyylin käytöstä kaikille elementeille, joihin selain oletuksena lisää sen. Esimerkiksi sisällä oleva teksti

Ja

On eri kokoja.

Otsikko

Kun tyyli on poistettu käytöstä, näiden elementtien tekstikoko on sama.

Sisäänrakennetut tyylit

Poistaa käytöstä tunnisteen tyylin