Sergejus apie .NET

1. Sukurkite katalogą IE9_PP6 
2. Nukopijuokite iexplore.exe iš C:\Program Files\Internet Explorer arba C:\Program Files (x86)\Internet Explorer į katalogą IE9_PP6
3. Sukurkite katalogo IE9_PP6 viduje katalogą iexplore.exe.local
4. Nukopijuokite visą turinį iš katalogo C:\Program Files\Internet Explorer Platform Preview\iepreview.exe.local arba C:\Program Files (x86)\Internet Explorer Platform Preview\iepreview.exe.local į katalogą iexplore.exe.local
5. Nuo šiol iš katalogo IE9_PP6 galėsite paleisti Internet Explorer Preview 6 su UI iš Internet Explorer 9 Beta

Kodėl aš tai aprašiau:

• Nuo šiol įmanoma naudotis naujausiu IE varikliu su pilnaverčiu UI
• Tai reiškia IE (pagaliau) turi UI atrištą nuo variklio

Pirmą kartą viešai pristatytas MIX10 renginyje, apie Internet Explorer 9 buvo daug rašoma oficialiame IE tinklaraštyje. Daugelis jūsų tikriausiai girdėjo apie tokias IE9 naujoves kaip:

• naujasis JavaScript varikliukas Chakra, kuris moka prekompiliuoti kodą
• dalinis HTML5 palaikymas
• CSS3 palaikymas
• SVG palaikymas
• aparatinis spartinimas
• daug kitų dalykų

Šiam momentui mes turėjome keturias Developer Preview versijas ir apie kiekvieną buvo detaliai rašome minėtame IE tinklaraštyje. Šiandien pasirodė ilgai laukta Internet Explorer 9 Beta versija. Kas gi naujo lyginant su Internet Explorer 9 Developer Preview 4?

Atnaujinta grafinė sąsaja

Galimybė pertempti kortelę į naują langą

IE papildukų pasikrovimo laikas

Dažniausiai lankomi puslapiai

Web puslapių integracija su Windows 7 jump list

Ko pasigedau?

• Bookmarks valdymas vis dar IE7 laikų, jokios sinchronizacijos su debesimi
• “Paste and Go” funkcijos nebuvimas
• Dažniausiai lankomų puslapių sąrašas atsilieka nuo Chrome ar Opera savo funkcionalumu
• Vis dar nėra normalios paieškos puslapyje

Verdiktas

Microsoft labai šauniai padirbėjo ties standartų palaikymu, JavaScript sparta, aparatiniu spartinimu, bet grafinę sąsają reikia dar tobulinti (nepamirškime, tai tik Beta versija). Norėtųsi išskirti, mano manymu, labai novatorišką idėją dėl Jump List palaikymo, tikrai patogu! Pagaliau ateina laikas, kai naršyklių kova vyks ne standartų palaikyme, bet UX. Bet kuriuo atveju, labai rekomenduoju išbandyti Internet Explorer 9 Beta ir jums.

Praeitą kartą aš aprašiau vieną įdomiausių HTML5 naujovių – DOM saugyklą. Šiandien norėčiau labai trumpai aptarti kitą naujovę – CSS selektorius. Tikriausiai nemaža jūsų dalis esate naudoję jQuery CSS selektorius, kurių pagalba galima ypač patogiai ieškoti reikalingų HTML elementų. HTML5 neatsilieka ir siūlo greitesnį bei tokį patį galingą CSS selektorių mechanizmą.

Tiek Internet Explorer 8, tiek Firefox 3.5 palaiko HTML5 metodus querySelector bei querySelectorAll. querySelector grąžina pirmą paieškos sąlygą atitinkantį elementą, o querySelectorAll – atitinkamai visus elementus. Žemiau pateiktas pavyzdys, kuriame randami visi label elementai ir pastorinamas jų šriftas, o El. pašto label elementas įgauna mėlyną spalvą:

Nuo šiol taip greitai ir patogiai mes galėsime vykdyti HTML elementų paiešką naudojant gryną HTML5 ir JavaScript!

Dažna problema programuojant Web aplikacijas – kur patalpinti tarpinius duomenis pereinant nuo vieno puslapio prie kito. Jeigu mes programuojame serverio pusėje, ASP.NET turi sesiją, ViewState ir kitus mechanizmus. Kita alternatyva, kuri palaikoma ir tiesiogiai iš JavaScript – cookies. Cookies yra labai populiarūs, norint išsaugoti nedidelį duomenų kiekį. Jeigu reikia išsaugoti daugiau duomenų – atsiranda problemų. Pagrindinė cookies problema – jie teleidžia išsaugoti vos 4 KB duomenų.

HTML 5 minėtą duomenų saugojimo problemą siūlo spręsti DOM saugyklos pagalba. Specifikacija apibrėžia dviejų tipų saugyklas – sesijos ir lokalią DOM saugyklas. Pirmoji saugo duomenis naršyklės atmintyje visos aktyvios sesijos metu, antroji – visus duomenis saugo neribotą laiką. Svarbiausia tai, kad abi saugyklos leidžia saugoti net iki 10 MB informacijos vienam domenui!

Tarkime, mes turime puslapį DOM1, kuriame galima įvesti tam tikrą informaciją, ir puslapį DOM2, kuriame prieš tai įvesta informacija atvaizduojama. HTML kodas atrodys taip:

DOM1

DOM2

Kaip matyti, šiame pavyzdyje aš naudoju sesijos saugyklą, kuri yra pasiekiama iš window objekto (window.sessionStorage). DOM saugyklos programavimas yra labai paprastas ir intuityvus, užtenka sessiosStorage objektui apibrėžti norimą savybę (pvz., text) ir priskirti jai reikšmę ar kitą objektą.

Sesijos saugykla, kaip ir minėjau, saugo duomenis tik aktyvios sesijos metu, t.y. uždarius naršyklę – visi duomenys dings. Norėdami išsaugoti informaciją neribotam laikui (panašiai kaip yra su cookies), užtenka aukščiau pateiktame kode window.sessionStorage pakeisti į window.localStorage. Nuo šiol jus visada galėsite pasiekti anksčiau išsaugotus duomenis.

Apibendrinant, HTML 5 informacijos saugojimo būdas kliento pusėje man atrodo labai perspektyvus. Tik įsivaizduokite, vietoje to, kad aprauti serverį naudojant sesiją ar ViewState, jus galite saugoti šią informaciją tiesiogiai kliento naršyklėje!

Praeitame straipsnyje aš aprašiau gimtąjį (Native) JSON palaikymą naršyklėse IE8 ir FF3.5. Šiandien norėčiau aprašyti naujus HTML 5 įvykius online ir onoffline bei atributą navigator.onLine.

Kaip tikriausiai supratote, HTML 5 leis labai paprastai gauti prisijungimo prie tinklo būseną bei reaguoti į šios būsenos pasikeitimus. Noriu atkreipti dėmesį į tai, kad nustatoma būtent tinklo būseną, bet ne Interneto ryšio buvimas. Tai reiškia, kad tikrinama ar tinklo interfeisas yra įjungtas ir turi priėjimą prie tinklo bei žiūrima ar naršyklėje nėra įjungtas autonominis režimas (File → Work Offline).

Žemiau pateikiu labai paprastą puslapį, kuriame pasikrovimo metu atributo navigator.onLine pagalba nustatoma prisijungimo būsena bei įvykių online ir offline pagalba nurodoma kokį pranešimą rodyti (ONLINE ar OFFLINE). Suderinamumo dėlei, įvykio apdorojimo funkcijas aš nurodau ne tiesiogiai document.body, bet naudojant pagalbinę funkciją addHandler (IE8 reikėtų rašyti document.body.ononline, Firefox – document.body.online):

Rezultate mes turime puslapį, kuris momentaliai reaguoja į tinklo būsenos pasikeitimus:

Praktikoje, atpažinę kad tinklo būsena pasikeitė, jus galite išsaugoti duomenis į / pakrauti duomenis iš lokalios saugyklos, apie kurią rašysiu ateityje.

Prieš kelias savaites man teko skaityti pranešimą „Internet Explorer 8 programuotojams“. Pristatymas sukėlė didžiulį susidomėjimą ir gavo geriausią renginio įvertinimą. Viena iš sėkmės priežasčių – pranešime aš nagrinėjau ne tiek IE8 specifines galimybes, bet labiau HTML5 naujoves (kurios yra palaikomos IE8). Šį savaitgalį kilo mintis parašyti kelių straipsnių ciklą iš dalinio HTML5 palaikymo Internet Explorer 8 ir Firefox 3.5 naršyklėse.

Šiandien trumpai aprašysiu vieną svarbiausių IE8 ir FF3.5 naujovių – gimtąjį (Native) JSON palaikymą (Chrome, Safari ir Opera kol kas to nepalaiko). Iki šiol egzistavo du galimi darbo su JSON būdai: nesaugi JavaScript funkcija eval() ir saugi, bet ne tokia greita Crockfordo JavaScript biblioteka JSON2.js. Atsiradus gimtajam JSON palaikymui, tampa saugu ir ypač efektyvu dirbti su JavaScript objektais. Tai yra daroma JSON.parse ir JSON.stringify metodų pagalba.

JSON.parse, kaip ir seka iš pavadinimo, moka saugiai konvertuoti perduotą eilutę JSON formatu į JavaScript objektą:

JSON.stringify, skirtingai nei JSON.parse, paverčia JavaScript objektą į tekstinę eilutę JSON formatu:

Kodėl verta naudoti gimtąjį JSON palaikymą? Jis yra saugus, labai greitas ir kas svarbiausia, ateityje bus palaikomas visose pagrindinėse naršyklėse (skaityk cross-browser).

Nors asmeniškai aš nesinaudoju lokalizuotomis programų versijomis, bet didžiajai daliai kompiuterių vartotojų tai yra labai patogu (ypač nežinantiems anglų kalbos). Šaunu tai, kad iš karto po oficialaus Internet Explorer 8 pasirodymo, tapo prieinami ir lokalizacijos paketai, tame tarpe, ir lietuviškas. Lokalizavimo paketą galite parsisiųsti čia.

Vienas didžiausių privalumų dirbti Microsoft – tu turi priėjimą prie tik dar pasirodančių dalykų žymiai anksčiau negu kiti. Tai tikrai šaunu, kadangi aš galiu paruošti produkto apžvalgą iš anksto ir anonso dieną tiesiog išpublikuoti straipsnį.

Taigi šiandien oficialiai buvo išleista antroji Internet Explorer beta versija. Kas nesate susipažinę su pirmos beta versijos naujienomis – rekomenduoju perskaityti mano kelių dalių apžvalgą.

Tik atidarant naują kortelę, matosi beta 2 pasikeitimai. Nuo dabar galima vienu paspaudimų atidaryti prieš tai naršytus puslapius bei pradėti privatų naršymą (apie tai kiek vėliau).

Naujoje Internet Explorer versijoje gerokai pasikeitė adreso įvedimo laukelis. Jame rodomi ne tik anksčiau suvesti adresai, bet ir prieš tai aplankytų puslapių bei RSS žinučių adresai:

Paieškos laukelis irgi neliko be pasikeitimų. Kaip žinia, tiek Google, tiek Live Search siūlo automatinį užklausos užbaigimą pagal populiariausias užklausas:

Lygiai toks pats funkcionalumas nuo šiol prieinamas tiesiogiai iš naršyklės:

Labai įdomi man pasirodė mintis pagal spalvas grupuoti naršyklės korteles, atidarytas iš vieno puslapio. Žemiau pateiktame paveikslėlyje matyti, kad kortelės kuriose atidarytas mano blogas yra žalios spalvos:

Atsimenate mygtuką „IE7 Mode“ pirmoje Internet Explorer beta versijoje? Antroje beta versijoje mygtukas persikėlė prie adreso įvedimo laukelio. Dabar jeigu koks puslapis atrodo ne taip kaip turėtų…

… pereikite į suderinamumo režimą vienų paspaudimu (pirmoje beta versijoje reikėjo uždaryti ir iš naujo atidaryti naršyklę)

Kita naujovė – puslapių patarėjas. Jeigu esate mėgstamame puslapyje, puslapių patarėja pasiūlys 5 panašaus pobūdžio puslapius. Įdomiausia tai, kad būdamas Google.lt jis man pasiūlė Autoplus.lt. Kaip jie susiję?

Dar viena didelė naujovė – privatus režimas. Jeigu norite, kad Internet Explorer nesaugotų einamosios sesijos informacijos (aplankytų puslapių, „cookies“, laikinų failų ir panašiai) – privatus režimas kaip tik jums!

Pasirinkus šį režimą, atidaromas naujas naršyklės langas. Norėdami išeiti iš šio režimo – užtenka jį uždaryti.

Ir pabaigai, pagaliau Internet Explorer palaiko ieškomo teksto fragmento paryškinimą puslapyje. Nejaugi tiek reikėjo laukti?

Apibendrinant, naujoji beta versija paliko tikrai labai teigiamą įspūdį. Išskirus visų vizualių pasikeitimų, kuriuos aš pabandžiau išvardinti, dar labiau patobulintas HTML, CSS ir JavaScript apdorojimas. Visiems kas šiuo metu naudoja pirmą beta versiją, rekomenduoju parsisiųsti antrą.

Kiek žinau, trečios beta versijos jau nebus, taigi po truputi pradedame laukti galutinės Internet Explorer 8 versijos!

Dauguma web programuotojų tikriausiai gerai žino Developer Toolbar įrankį, skirtą derinti puslapio HTML kodą, CSS stilius bei JavaScript. Kuriant Internet Explorer 8 buvo nuspręsta tą įrankį gerokai patobulinti ir integruoti tiesiai į naršyklę. Developer Toolbar buvo pervardintas į Developer Tools ir dabar prieinamas iš meniu Tools → Developer Tools. Šis straipsnis skirtas minėto įrankio aptarimui.

Pagrindai

Pirmą kartą pasileidus Developer Tools įrankį matyti tam tikrų panašumu su senesniu Developer Toolbar ir FireBug įrankiais. Žemiau pateiktas bendras lango vaizdas:

Kaip matyti, langas sudarytas iš trijų pagrindinių kortelių:

• HTML – HTML kodui peržiūrėti bei CSS stiliams derinti


• CSS – CSS stilių peržiūrai


• Script – JavaScript kodui derinti

Kortelė HTML

Kairioje kortelės dalyje galima peržiūrėti puslapio HTML kodą. Pažymėjus konkretų elementą jis yra paryškinamas originaliame puslapyje, o paspaudus du kartus ant elemento atributo – jo reikšmę galima pakeisti. Bet kuris pakeitimas padarytas Developer Tools įrankyje iš karto bus atvaizduotas ir pačiame puslapyje.

Dešinėje puslapio dalyje matome tris korteles: Style, Layout ir Trace Style.

Kortelėje Style išvardinti visi pažymėtam elementui taikomi stiliai. Jeigu koks nors stilius perrašomas kitu, jis bus vaizduojamas kaip užbrauktas:

Asmeniškai man dažniau prisireikia pasižiūrėti galutines (sumines) stiliaus savybių reikšmes bei iš kur tą reikšmė ateina. Tai yra daroma iš kortelės Trace Styles:

Kortelėje Layout galima vaizdžiai pamatyti offset, margin, border, padding,width ir height reikšmes:

Kortelė CSS

Kortelėje CSS galima peržiūrėti visas pakrautas CSS klases. Gal būt aš nesupratau šios kortelės paskirties, bet šiam momentui jos grafinė sąsaja yra tikrai niekam tikusi.

Kiek girdėjau vienoje MIX08 sesijoje, su šia kortele dar bus dirbama. Man norėtųsi, kad joje bent jau atsirastų tam tikra CSS klasių hierarchija bei klasių pavadinimai, atributai ir jų reikšmės būtų nuspalvintos panašiai kaip Visual Studio 2008. Pasižiūrėsime kas bus padaryta kitoje Internet Explorer 8 beta versijoje.

Kortelė Script

Ši kortelė mano akimis yra pagrindinis naujo įrankio privalumas. Jis leidžia derinti JavaScript programas tiesiogiai naršyklėje be Visual Studio!

Svarbu tai, kad pats derinimo procesas pagal galimybes nesiskiria nuo JavaScript derinimo Visual Studio 2008 aplinkoje - tos pačios Locals, Watch, Callstack, Immediate Windows ir Breakpoints kortelės. Norint pradėti JavaScript kodo derinimą, reikia pasirinkti norimą JS failą, uždėti nutraukimo tašką ir paspausti mygtuką „Start Debugging“. Kartais aprašytas būdas neveikia, pavyzdžiui, jeigu jus pakraunate suspaustus JS failus vykdymo metu. Šiuo atveju man pavyko pradėti derinimą tokiu būdu: paspaudžiau mygtuką „Start Debugging“, pasirinkau norimą JS failą, uždėjau nutraukimo tašką ir perkroviau puslapį.

Apibendrinimas

Bendras įspūdis nuo įrankio tikrai teigiamas. Labai nudžiugino JavaScript kodo derinimas – tikrai galingas ir patogus. CSS kortelės vartotojų sąsaja man pasirodė neintuityvi ir neužbaigta. Šaunu, kad liko mano mėgstama Developer Toolbar įrankio funkcija – elementų pažymėjimas paspaudus ant jo puslapyje arba įrankyje. Apibendrinant, Developer Tools tikrai galingas ir daug žadantis įrankis, ypač atsižvelgiant, kad tai tik pirmoji Beta versija. Tikiuosi, kad galutinė versija pagal funkcionalumą maksimaliai priartės prie FireBug įrankio…

Kaip ir žadėjau pirmoje Internet Explorer 8 apžvalgos dalyje, šiandienos straipsnis skirtas pasidalinti naujomis IE 8 galimybėmis, skirtomis programuotojams.

Standartų palaikymas

Nuo IE 7 versijos Microsoft pradėjo žymiai daugiau dėmesio skirti standartams. IE 8 buvo kuriamas kaip pirmoji Internet Explorer versija pilnai atitinkanti pripažintus HTML, CSS ir JavaScript standartus. Dėl šios priežasties, IE 8 atsirado naujas puslapių atvaizdavimo rėžimas – „Standartų rėžimas“. Nors pradžioje buvo planuojama, kad pagal nutylėjimą išliks „IE 7 atvaizdavimo rėžimas“, paskutine minute buvo atsižvelgta į bendruomenės pageidavimus ir „Standartų rėžimas“ buvo įjungtas pagal nutylėjimą. Kaip žinia, dauguma puslapių buvo kuriama atsižvelgiant į tam tikrus IE puslapių atvaizdavimo ypatumus, o ne į standartus, todėl nemaža tikimybė, kad jūsų egzistuojančius puslapius reikės atnaujinti pagal HTML ir CSS standartus. Egzistuoja ir kita alternatyva – meta tago pagalba nurodyti, kad IE 8 naudotų „IE 7 atvaizdavimo rėžimą“. Tam, kad padaryti perėjimą paprastiem vartotojams mažiau skausmingą, IE 8 turi specialų mygtuką, leidžianti emuliuoti Internet Explorer 7.

Kiti svarbi aspektai susiję su standartais:

• Pilnas CSS 2.1 palaikymas


• CSS 3.0 box-sizing ir vertical-text galimybių realizacija


• IE 8 sėkmingai praėjo ACID 2 testą

Patikrinus šį blogą ir Lietuvos .NET vartotojų grupės puslapį su IE 8 pastebėjau, kad ne visos puslapių dalys atvaizduojamos teisingai. Panaši situacija ir su kitais puslapiais. Būtent dėl šios priežasties Microsoft nenorėjo įjungti „Standartų rėžimo“ pagal nutylėjimą. Nepaisant to, pilnai palaikau priimtą sprendimą, nes mano nuomone gėriau vieną kartą sutvarkyti savo puslapius pagal standartus, ir toliau kuriant web aplikacijas nesukti sau galvos dėl naršyklių suderinamumo.

Kiti HTML, CSS ir JavaScript patobulinimai

Apart minėtų patobulinimų, smagu matyti, kad Internet Explorer pagaliau palaiko CSS selektorius, įskaitant querySelector() ir querySelectorAll() JavaScript metodus.

Kiti du pakeitimai akivaizdžiai parodo, kaip „smulkmenos“ gali tapti viena iš naršyklių nesuderinamumo priežastimi. Spaudžiant HTML mygtuką, Internet Explorer 7 ir ankstesnės versijos siunčia į serverį innerText atributo reikšmę, tuo tarpų FireFox, Opera ir kitos populiarios naršyklės – value atributo reikšmę. Panaši situacija yra su getElementById() JavaScript metodu. Internet Explorer 7 ir ankstesnėse versijos elementų paieška vykdoma ne tik pagal id atributą, bet ir pagal atributą name.

Dar viena naujovė – šiuo metu kuriamo HTML 5 ononline ir onoffline įvykių palaikymas. Jų dėka web programuotojai iš klientinės pusės galės sužinoti apie ryšio praradimą ir atitinkamai reaguoti į tai. Kaip vienas iš variantų galėtų būti išsaugoti vartotojo įvestus duomenis naršyklės atmintyje (tam IE 8 siūlo kelias saugyklas: LocaSessionStore, SharedStore ir pan.).

Kaip žinia, šiuo metu navigacija Ajax puslapiuose yra gana problematiška. IE 8 bando spręsti šią problema window.onhashchanged įvykio pagalba. Kiek teko matyti pavyzdžių, hasho panaudojimas Ajax puslapiuose ne tik įgalina navigaciją, bet ir tiesiogines nuorodas į konkrečias Ajax puslapių būsenas.

Tarpdomeninis komunikavimas

Šiuo metu tarpdomeninis komunikavimas naudojamas vis dažniau ir dažniau. Netinkamas jo panaudojimas atidaro nemažai saugumo spragų. Kadangi kuriant IE 8 pagrindinis fokusas buvo ne tik suderinamumas su standartais, bet ir saugumas – atsirado naujos saugaus tarpdomeninio komunikavimo galimybės. Pagrindinė naujovė – XDomainRequest objektas. Jis yra labai panašus į Ajax programuotojams gerai pažįstamą XmlHttpRequest objektą, bet skirtas išskirtinai tarpdomeniniam komunikavimui. Pagrindinis veikimo principas – klientas užklausia serverio leidimo pradėti tarpdomeninį komunikavimą, o serveris sutinka arba atmeta užklausą. Mano akimis tai tikrai svarbi naujovė ir ateityje mes pamatysime nemažai praktinių minėto objekto panaudojimų.

Paskutinė naujovė, kurią norėčiau aptarti susijusi su lygiagretumu. IE 8 versijoje lygiagrečių prisijungimų skaičius buvo padidintas nuo 2 iki 6. Tai įtakoja ne tik vartotojų naršymą, bet ir puslapių užkrovimo laiką. Kadangi patobulintas JScript variklis apdorojant puslapį moka lygiagrečiai siųsti kelis JavaScript, CSS ir kitus resursų failus, bendras puslapio užkrovimo laikas sumažėja.

Vietoje išvadų

Nepaisant fakto, kad tai tik pirmoji Internet Explorer 8 versija, jos pasirodymo turi laukti visi web programuotojai. Pilnas suderinamumas su standartais turėtų sutaupyti mūsų laiką derinant puslapio išvaizdą skirtingoms naršyklėms. Pagreitintas JScript variklis, pagerintas Ajax apdorojimas bei naujos tarpdomeninio komunikavimo galimybės turi dar labiau priartinti Web aplikacijas prie stalinių programų.

Kas žino, gal tai (naršyklių karo) pabaigos pradžia…