Satura rādītājs
Firebug ir Firefox spraudnis vai paplašinājums, kas izveidots, lai varētu programmēt vietni, lai pārbaudītu kodu un veiktu optimizāciju. Tas ir rīku kopums, ar kuru palīdzību jūs varat analizēt dažādu elementu, kas veido tīmekli, ielādes ātrumu, tīmekļa struktūru. rediģēt, atrast kļūdas, atkļūdot avota kodu un redzēt, kā kods darbojas CSS, HTML vai JavaScriptMēs varam arī rediģēt vai modificēt jebkuru aspektu, un tas tiks nekavējoties priekšskatīts.
Firebug Tas ir būtisks rīks tiem, kas programmē vai optimizē vietnes, neatkarīgi no tā, vai tie ir dizaineri vai tīmekļa pārziņi. Tātad mēs varam novērst programmēšanas vai dizaina kļūmes, zināt, kā tās darbojas un kāda ir tīmekļa lapas struktūra, kā visi elementi, kas to veido.
Mēs instalējam Firebug spraudni
Lai instalētu spraudni, mēs ejam uz firebug lejupielādes vietni, un tur mēs meklējam lejupielādējamā rīka jaunāko versiju.
Cilne konsole
Konsole Firebug Šeit tiks parādīti ziņojumi par to, ko veic tīmeklis un radušās kļūdas. Mēs varam redzēt ziņojumus par izsaukumiem uz funkcijām vai lapām, ko tīmeklis veic, kad mijiedarbojamies, parādot mums funkcijas, aicinājumus uz atzvanīšanu vai tīmekļa pakalpojumiem un vērtības, ar kurām tiek apmainīta izpildlaika laikā, vienlaikus kontrolējot lietojumprogrammas plūsmu.
Apskatīsim dažus piemērus, mēs piekļūstam tīmeklim motores.com.ar, ar peles labo pogu noklikšķiniet un aktivizējiet Firebug.
Mēs varam arī redzēt, kā, pievienojot produktu iepirkumu grozam, tas nosūta šādus parametrus: funkcija, produkta daudzums un produkta ID.
Ajax funkcija izsauca insertItem cant 1 Id 5850326Lai gan mēs redzam, ka tas tiks pievienots tikai tad, ja būsim pierakstījušies kā lietotāji, pretējā gadījumā tā pieprasīs reģistrēties.
Tātad mēs varam redzēt, kā lietojumprogramma darbojas un kādu parametru tā nosūta vai saņem un kādas atbildes tā sniedz un kāds bija atbildes laiks, piemēram, lai pievienotu produktu, kas aizņēma 335 milisekundes.
Cilne HTML
ļauj reāllaikā redzēt tīmekļa struktūru un rediģēt tīmekļa lapas kodu. Mēs, piemēram, varam modificēt kodu HTML no vietnes vai css koda un skatiet to tieši, šīs izmaiņas nav neatgriezeniskas. Piemēram, ja mēs piekļūstam Ebay vietnei, mēs varam izmantot Firebug, lai mainītu galvenā vai tīmekļa satura bloka krāsu.
fons: sarkans nav atkārtots ritiniet 0 0;Kad esat pabeidzis rakstīt, centrālais bloks kļūs sarkans, ja mēs atjaunināsim lapu, izmaiņas tiks zaudētas un tā atgriezīsies sākotnējā dizainā.
Mēs varam arī mēģināt manipulēt ar html kodu un css kodu, lai mainītu Google logotipu Ebay. Tas tiek darīts, mainot Ebay logotipa attēla URL uz citu vēlamā attēla URL.
Šī funkcionalitāte nedarbojas, lai mainītu pilnu dizainu, bet lai veiktu nelielus testus un vizualizētu izmaiņas, nepiekļūstot redaktoram.
Cilne CSS
Paneļa cilne CSS Tas parāda visas mūsu izveidotās CSS klases un identifikatorus vai mūsu analizējamo tīmekli. No šī paneļa mēs varam mainīt savas klases un css teikumus, kā mēs to darījām iepriekš HTML paneļa cilnē Stili.
Cilne Skripts
Šis panelis ir paredzēts atkļūdošanas kodam JavaScript vai jQuery. Tas parāda mums visu, ko dara skripts, tā mainīgos, funkcijas, atkļūdošanu, izmantojot robežvērtības, pakāpenisku skripta izpildi, ekrānu, lai kontrolētu mainīgo steku, un mēs varam redzēt arī funkciju uzvedību.
Cilne DOM
Panelis SAULE vai Dokumenta objekta režīmsViņš ir tas, kurš iegūst informāciju par visiem dažādajiem DOM rekvizītiem un to metodēm. DOM ir daļa no tīmekļa elementiem un ļauj programmētājiem piekļūt XHTML tīmekļa lapām un ar tām manipulēt.
JQuery piedāvā metodes, kā efektīvi manipulēt ar DOM. Mēs varam piekļūt jebkuram jebkura elementa atribūtam vai izvilkt HTML kodu no rindkopas vai bloka. Papildus tam tiek piedāvātas tādas metodes kā .attr (), .HTML (), Y .val () Tie darbojas kā ieguvēji un izgūst informāciju no DOM elementiem vēlākai izmantošanai.
Apskatīsim šajā jQuery un DOM piemērā, kā kontrolēt div un izvilkt tekstu:
Jquery un DOMIzvilkt tekstu no bloka:
Šis ir DOM testa teksts
Tagi HTML Elementam var piekļūt, izmantojot css klasi vai ID un pēc tam īpašumu, kas var būt teksts vai kāds cits, kas atļauj jQuery un DOM.
Cilne Tīkls
Tīkla paneļa mērķis ir uzraudzīt tīmekļa datplūsmu un katra HTTP tīmekļa pieprasījuma ielādi un patēriņu. Šis pārskats sastāv no ierakstu saraksta, kur katrs no tiem atspoguļo lapas iesniegto turp un atpakaļ pieprasījumu / atbildi.
Tīkla paneļa logā tiek parādīts pieprasījumu saraksts, kad tīmeklis tiek ielādēts un izmantots. Katrā saraksta vienumā tiek parādīta informācija, ko rada pieprasījums, un grafiskā laika skalā tiek parādīti patērētie baiti, laiks, kas vajadzīgs, lai atbildētu, kas atspoguļo slodzes fāzes laikā. Tālāk ir sniegts informācijas saraksts, kas tiek parādīts katram pieprasījumam:
- HTTP pieprasījuma metode
- HTTP atbildes kods un apraksts (200 301 404 utt.)
- Faila nosaukums, kas tiek izsaukts
- Domēna nosaukums, no kura saņemta atbilde
- Atbildes lielums baitos
- Atbildes laiks milisekundēs.
