ݺߣ

ݺߣShare a Scribd company logo

Internet Explorer 9 Apžvalga Programuotojams

•
•
Tomas Dabasinskas
Tomas Dabasinskas

Review of the new IE9 features for developers. Presentation made on 2010-10-19.

1 of 33
ProgramuotojamsTomas DabašinskasMicrosoft MVP
Pranešimo planas
Vaizdo apdorojimo spartinimas(„GPU پDz“)
Kaip tai veikia?Paveikslėliai ir video elementai parsiunčiami, dekoduojami ir perkeliami į GPU buferiusSudėtingi puslapio elementai (SVG, Canvas) piešiami į GPU buferiusPaprasti puslapių elementai piešiami WEB puslapio buferyjeGPU buferiai sujungiami su tiesiogiai nupieštu turiniu, kad sudarytų pilną WEB puslapio vaizdąWindows Desktop Window Manager (DWM) atvaizduoja galutinį vaizdą12345
(„JavaScript Engine“)Chakra
Kaip JavaScript veikė iki IE9Pirmam plane...Pirminis kodasAnalizatoriusASTInterpretatoriusBaitKodas
Kaip JavaScript veikia IE9Pirmam plane...Pirminis kodasAnalizatoriusASTInterpretatoriusBaitKodasFoninis kompiliatoriusNative kodasFoniniam plane...Sukompiliuotas JavaScriptVyksta foneIšnaudojami visi branduoliai
Demo:Chakra
(„Pinned Tabs“)Prisegamos kortelės
Demo:Prisegamos kortelės
Peršokimo sąrašų užduotys<metaname="msapplication-task"content="name=Užduotis 1;action-uri=/puslapis1;icon-uri=Piktograma1.ico" /><metaname="msapplication-task"content="name=Užduotis2;action-uri=/puslapis2;icon-uri=Piktograma2.ico" />
Miniatiūros mygtukaibtn1 =window.external.msSiteModeAddThumbBarButton('Piktograma1.ico','Mygtukas 1');btn2 =window.external.msSiteModeAddThumbBarButton('Piktograma1.ico','Mygtukas 2');btn1 =window.external.msSiteModeAddThumbBarButton('Piktograma1.ico','button 3');window.external.msSiteModeUpdateThumbBarButton(btn1,false,true); // Neaktyvus, bet matomaswindow.external.msSiteModeUpdateThumbBarButton(btn2,true,true);// Aktyvusirmatomaswindow.external.msSiteModeUpdateThumbBarButton(btn3,true,false); // Aktyvus, bet nematomas
PiktogramosAukštos kokybės puslapio piktograma:<linkrel="shortcut icon" href="piktograma.ico" />Piktograma su persidengimu:window.external.msSiteModeSetIconOverlay('Piktograma','Tekstas');Navigacijos mygtukų spalva:<metaname="msapplication-navbutton-color" content="#FFFFFF" />
(„HyperText Markup Language 5“)HTML 5
HTML5 naujovės IE9 Բšė
<Audio> ir <Video>h.264formato videoMP3 ir ACC formatų audio<videoid="movie" width="320" height="240" preload controls><sourcesrc=/slideshow/internet-explorer-9-apvalga-programuotojams/8279417/"video.mp4" /><sourcesrc="video.webm"type='video/webm; codecs="vp8, vorbis"' /><sourcesrc="video.ogv"type='video/ogg; codecs="theora, vorbis"' /></video>
Canvas elementasHTML Elementas, leidžiantis piešti 2D grafiką, naudojant JavaScript:<canvasid="myCanvas" width="200" height="200">Jusunarsykle Canvas elemento nepalaiko</canvas><scripttype="text/javascript">varexample = document.getElementById("myCanvas");varcontext = example.getContext("2d");context.fillStyle = "rgb(255,0,0)"; context.fillRect(30, 30, 50, 50);</script>Rezultatas:
Demo:HTML 5
(„Scalable Vector Graphics 1.1“)SVG 1.1
SVG palaikymasGalimybė kurti vektorinę 2D grafiką, naudojant XMLParemtas SVG 1.1 (2 leidimas) pilna specifikacijaPilnas DOM priėjimas prie SVG elementųStruktūra, transformavimas, stilizavimas, figūros, spalvos ir t.t.<svgwidth="400" height="200" xmlns="http://www.w3.org/2000/svg"><rectfill="red" x="20" y="20" width="100" height="75" /><rectfill="blue" x="50" y="50" width="100" height="75" /></svg>Rezultatas:
Demo:SVG 1.1
(„Cascading Style Sheets 3“)CSS 3
CSS3 naujovės IE9 Բšė
Suapvalinti kampaiborder-radius:152px 304px 228px 152px;border-style:dashed;border-width:6px;padding:48px;
WOFF šriftų formataiNebereikia apsiriboti tik „saugiais“ šriftaisWOFF („Web OpenFontFormat“) leidžia norimus šriftus pateikti kiekvienam vartotojojuiSupakuojama OpenType ir TrueType šriftų informacijaFormatas remiasi W3C FontsWorkingGroup specifikacija<styletype="text/css"> @font-face{font-family:Pavadinimas;src:url(/slideshow/internet-explorer-9-apvalga-programuotojams/8279417/&);}</style><divstyle="font: 24pt Pavadinimas, sans-serif;">Tekstas bus matomas /slideshow/internet-explorer-9-apvalga-programuotojams/8279417/Sriftas.woff šriftu</div>
(„Cdz貹پٲ“)ܻԲܳ
X-UA-CompatibleStandartus atitinkantiems, veikiantiems puslapiams:<metahttp-equiv="X-UA-Compatible" content="IE=9">arba:<metahttp-equiv="X-UA-Compatible" content="IE=edge">Standartų neatitinkantiems, su „Internet Explorer 9“ nesuderinamiems puslapiams:<metahttp-equiv="X-UA-Compatible" content="IE=EmulateIE7">arba:<metahttp-equiv="X-UA-Compatible" content="IE=EmulateIE8">
User-Agent eilutėPadidinta aplikacijos versija iš Mozilla/4.0 įMozilla/5.0Versijos žymė padidinta iš MSIE 8.0 į MSIE 9.0Atvaizdavimo variklio („Trident“) žymė padidinta iš Trident/4.0 į Trident/5.0Internet Explorer 9 siųs štai tokią User-Agent eilutę:Aplikacijos vardasir versijaVersijosžymėAtvaizdavimo variklio(„Trident“) žymėMozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0)SuderinamumožymėPlatforma(OS versija ir architektūra)
(„Developer Tools“)Programų kūrėjo į԰쾱
Kas tai?Įvairių įrankių, palengvinančių kuriamo tinklalapio testavimą ir klaidų aptikimą, rinkinys:...
Pasikeitimai nuo IE8Našumo patobulinimai
Konsolės kortelė („Console ղ“):
JavaScript klaidų pranešimų žū

More Related Content

Internet Explorer 9 Apžvalga Programuotojams