Google Chrome 11: jauni Izstrādātāju rīki

[samurajs]

[imgl]https://notepad.lv/userpix/28_dev_1.jpg[/imgl]Nevienam nebūtu jābrīnās, ka iznācis jau Google Chrome 11 – interneta gigantam visa izstrāde notiek stingri pēc laika grafika. Š oreiz runa būs par “dev” kanālu, bet tas nekas – Googles programmatūra arī šai stadijā ir pilnīgi lietojama. Kā jaunievedums 11. versijā jāmin pārstrādāti Izstrādātāju rīki (Developer Tools), kuros parādījušās patīkamas, darbu atvieglojošas pārmaiņas.

Sekcija “Network”

* Uzbraucot ar peli laika grafikam, parādās logs ar sīkāku informāciju: cik laika vajag katras request fāzes apstrādei – proxy-serverim, DNS, gaidīšanai, datu saņemšanai utt.

[img]https://notepad.lv/userpix/28_screen_shot_20110224_at_102603_am_1.png[/img]

* HTTP headeri tagad tiek ņemti tieši no atbildes satura (raw), pirms tos interpretējis WebKit – tā kā var redzēt tieši to, ko serveris atsūtījis.

* Pievienota sintakses izgaismošana atbildes saturā

Sekcija “CSS”

* Lauka nosaukumu un vērtību tagad var rediģēt atsevišķi – kā Firebug. Pievienots atslēgvārdu autocompleting.

[img]https://notepad.lv/userpix/28_screen_shot_20110224_at_102706_am_1.png[/img]

* Tiek parādītas visas CSS īpašības, arī uz citiem pārlūkiem orientētās, un kļūdainās.

[img]https://notepad.lv/userpix/28_screen_shot_20110224_at_102815_am_1.png[/img]

* Var definēt, kādā formātā tiek parādītas krāsas – stila oriģinālajā, Hex, RGB, vai HSL.

[img]https://notepad.lv/userpix/28_css_as_authored_1.png[/img]

Sekcija “Resources”

* CSS failu teksts tagad atspoguļo visas izmaiņas, kuras tika izdarītas sekcijā “Elements”. Rediģēšanas gaitā saglabājas pilna izmaiņu vēsture. Vajadzīgo versiju var vienkārši ar peli ievilkt teksta redaktorā.

[img]https://notepad.lv/userpix/28_css_rule_diff_1.png[/img]

Dažas interesantas fīčas, kuras bija jau agrāk:

* Sekcijā “Resources” var rediģēt JS failus (ar HTML un CSS gan nez kālab nestrādā)

* Var nokopēt mainīgo no konsoles starpliktuvē ar funkciju copy(varName)

* Var pāriet uz vajadzīgo DOM elementu no konsoles ar komandu inspect(elementReference)

* Mainīgais $0 vienmēr satur aktuālo elementa vērtību, kas izvēlēta sekcijā “Elements”

Dažādi darba paņēmieni parādīti šai video (ieteicams pārslēgt uz HD):

[youtube]https://www.youtube.com/watch?v=nOEw9iiopwI[/youtube]

Avots

[daGrevis]

Laba ziņa. =]

[DMG]

Neko satriecoši jaunu tajā visā neredzu. Labāk būtu salabojuši JS bugus, kuru viņiem ir neskaitāmi daudz. Stulbākais, ka raksti vai neraksti, bet tolka nekāda.

[iKey]

tas pats Opera Dragonfly gūgles mērcē

[E.R]

man kā vienkāršam lietotājam šī izmaiņa neko dižu nemaina, bet nu pārlūka attīstība vismaz nestāv uz vietas

[Foxsk8]

Nu nezinu, man liekas ka Firebug un Yslow kombinācija priekš FF ir pats labākais uz šo brīdi.

[aoma]

nu nē, aironu vēl var pieciest, ja zibenīgi jātiek internetā, šitā laža drīz pārspļaus FF, pieminiet manus vārdus

[piwchix]

foxsk8 wrote:

Nu nezinu, man liekas ka Firebug un Yslow kombinācija priekš FF ir pats labākais uz šo brīdi.

Exactly.

Un piekrītu DMG, JS bagus derētu salabot…

[Wuu]

Nespēju līdz galam video noskatīties, tik neērtu un nesakarīgu rīku neesmu redzējis… Vēlu veiksmi kam ar šito surogātu būs jāstrādā :>

Vel patīk ka video rāda web lapu kuru varētu ievilkt divos, trijos divos, bet tēšamie lieto burtiski kaudzi koda… jebitīt matos.

[Autors]

Ieraksti