F12 izstrādātāja rīku uzlabojumi pārlūkprogrammā Internet Explorer 11

Izmaiņas F12 lietotāja interfeisā

Jaunas ikonas un paziņojumiIr mainītas atmiņas un profilu rīku ikonas.

Tagad konsoles kļūdu ikonu joslā ir pieejami indikatori, izmaiņas Emulation iestatījumos, kā arī aktīvajām profilēšanas sesijām rīkiem Atmiņa, Profilsr un LIETOTĀJA interfeisa atbildes spējas. Šajā attēlā redzamas jaunās ikonas ar paziņojumiem konsolē un atmiņas rīka ikonās, kas norāda, ka tiek rādītas divas konsoles kļūdas un pašlaik notiek atmiņas profilēšanas sesija:

F6 virskopas navigācija rīkosF6 lietošana ir kā tabulēšanas taustiņa izmantošana, lai naviģētu rīkā, bet tā "tabulē" cauri atlasītajai rīku rūtī visbiežāk izmantoto elementu kopai, nevis katram atlasāmam vienumam. Šī ir daļa no kopējās tīrāmās sistēmas, kas ļauj izmantot tastatūru, lai naviģētu darba rīkos un starp tiem.

Pārvietoties uz priekšu un atpakaļ starp nesen izmantotajiem rīkiem, izmantojot tastatūruVarat izmantot taustiņu kombināciju Ctrl+[, lai pārvietotos rīku navigācijas vēsturē atpakaļ, bet taustiņu kombināciju CTRL+], lai pārlūkošanas laikā pārvietotos uz priekšu līdzīgi kā bultiņas uz priekšu un atpakaļ.

Ātra piekļuve dokumentu režīmam.Interfeisa augšdaļā tiek pievienots jauns nolaižamais saraksts, kas ļauj piekļūt dokumenta režīmam no jebkura rīka, tāpēc nav jāpārslēdz rīki.

Konsoles izmaiņas

Console.timeStamp()Kad tiek zvanīts no konsoles vai kodā, console.timeStamp() izvade konsolē pašreizējās pārlūkprogrammas cilnes milisekundju skaits ir atvērts. Ja tas tiek izsaukts, kamēr tiek palaista profilēšanas sesija, izmantojot lietotāja atbildes reaģēšanas rīku, tas izveido lietotāja atzīmi sesijas laika grafikā kopā ar laikspiedolu atkarībā no sesijas sākuma.

Ctrl + L notīra visu ziņojumu konsoli

Precīza automātiskā pabeigšana Konsoles automātiskās pabeigšanas līdzeklis vairs neatbalsta indeksētāja rekvizītus. Tādējādi tiek atlasīti tīrāki un precīzāki automātiskās pabeigšanas ieteikumi.

Ērtības labad $, $$, $x, $0-$5 un $_ ir pievienotas konsoles automātiskās pabeigšanas sarakstam, kā arī, lai konsoles darbība būtu konsekventāka ar citām pārlūkprogrammām.

Novecojušu ziņojumu indikatorsJa esat izvēlējies izslēgt opciju Notīrīt navigāciju, vecāku konsoles ziņojumu ikonas ir pelēkotas, lai palīdzētu atšķirt aktīvās lapas ziņojumus no ziņojumiem no iepriekšējām lapām jūsu vēsturē.

DOM Explorer izmaiņas

Joslu maiņa aprēķinātā rūtī. Mainīt joslas (dažādas mainīto rekvizītu krāsas, pievienotos rekvizītus un dzēstos rekvizītus), kuras lietotāji izbauda rūtī Stili, tagad redzamas rūtī Aprēķinātie stili.

Atkļūdotāja izmaiņas

Source maps designationRight-click a document's tab in the Debugger, and you can specify a source map. Tādējādi varat izmantot avota kartes kopā ar nosūtīto kodu, kurā noņemts avota kartes komentārs.

Automātiskā pabeigšana skatāsZināmā, pievienojot skatīšanās līdzekli, tiek ieteiktas automātiskās pabeigšanas opcijas.

Atgrieztās vērtības pārbaudeJa funkcija tiek ievadīta ar atgriezto vērtību, pievienojieties funkcijai, līdz neesat piestrūcis aizverošā figūriekavā. Atgrieztā vērtība tiks parādīta rūts Skati sadaļā Lokāli. Vēlreiz atkārtojiet darbību, un vērtība tiks atgriezta pie koda, kas tika tam dēvēts.

Lai iegūtu ātru demonstrāciju, izmēģiniet šo kodu konsolē:

function showval() { var x = 0; x++; debugger; return x; } showval(); 

Tas izsauc funkciju, pārtrauc atkļūdošanu, un jūs varat tajā pāriet, lai redzētu atgriezto vērtību.

Vairākatlašu izvēle pārtraukumapointiemCtrl + klikšķis, Shift + klikšķis un Ctrl + A var izmantot, lai atlasītu vairākus pārtraukuma punktus rūtī Pārtraukumi.

Turpiniet un ignorējiet pārtraukumus. Saspiediet taustiņu F5, lai turpinātu uz nākamo pārtraukumu. Turiet nospiestu taustiņu F5, lai turpinātu iepriekšējos pārtraukumus, līdz atlaižat F5.

Notikumu pārtraukumi un izsekošanaspunktiŠī darbojas līdzīgi kā pārtraukumapointi un izsekošanaspointi, kas jau atrodas F12 rīkos, bet tā vietā, lai tiek izraisīta noteikta koda bloka izpilde, tie tiek aktivizēti, kad tiek izraisīts konkrēts notikums. Katram ir papildu nosacījuma filtrs, kas palīdz sašaurināt to tvērumu līdz konkrētai pārbaudei nepieciešama notikuma instancei. Tās var pievienot, izmantojot notikuma izsekošanas punkta pievienošanas un notikuma pārtraukuma punkta pievienošanas ikonu, kas iezīmētas šajā attēlā:

Ui Responsiveness tool changes

Veiktspējas sesiju importēšana/eksportēšanaNevar būt nepieciešams atveidot testa gadījumu ikreiz, kad vēlaties analizēt tā izveidotos datus vai kopīgot šos datus ar kolēģi. Importēšanas (mapes) un eksportēšanas (diska) ikonas lietotāja INTERFEISA reaģēšanas rīka ikonu joslā ļauj saglabāt atmiņas momentuzņēmumus failā, kuru var importēt vēlāk.

Attēla priekšskatījumsJa esat redzējis HTTP pieprasījumu attēlam un vēlaties uzzināt, kuru attēlu tas bija, attēls tagad tiek priekšskatīts notikuma detaļās.

Notikumu filtrēšanas poga Filtrēt notikumus ir neliela, bet jaudīga. Paslēpta aiz šīs pogas ir izvēlne, kas ļauj filtrēt notikumus vairākos veidos, un katram veidam ir būtiska ietekme:

• Notikuma nosaukuma filtrs: filtrs jebkuram notikuma nosaukumam, kas satur filtra tekstam atbilstošu nosaukumu.

• UI darbību filtrs. Izmantojot izvēles rūtiņas, varat izslēgt lielas notikumu kategorijas, lai atvieglotu koncentrēšanos uz apgabalu, ko pēta. Piemēram, ja jūs interesē tikai tīkla darbība, varat atfiltrēt visu lietotāja interfeisa un atkritumu kolekcijas troksni.

• Laika sliekšņa filtrs: šis līdzeklis filtrē augstākā līmeņa notikumus, kas ir mazāki par vienu milisekundēm ilgumā. Daudzos scenārijos tas būtiski vienkāršo ūdenskrituma skatu un palīdz jums koncentrēties uz iespaidīgākiem notikumiem.
  

HTML5 skriptēšanas notikumiJa izmantojat multivides vaicājumu klausītājus vaiServerus, tagad varat noteikt to atbilstošās izmaksas, palaižot veiktspējas profilēšanas sesiju.

Rāmju grupēšanaPoga starp nolaižamo sarakstu Kārtot pēc un Izvēlnes Filtrēt notikumus pārslēgšanai Rāmja grupēšana. Šādi augstākā līmeņa notikumi tiek sadalīti atbilstošā darba vienībā (jeb "kadrā") laika periodos, kad tika parādītas animācijas vai vizuālie atjauninājumi. Rāmji tiek apstrādāti kā citi notikumi, tāpēc tos var kārtot un filtrēt, un tajos tiek nodrošināts ietverošs laika kopsavilkums.

Lietotāju mēriJa izmantojat performance.mark() API, lai laika grafikam pievienotu trīsstūrus, lai norādītu konkrētu notikumu atrašanās vietu, veiktspējas.measure() API paplašina veiktspējas atzīmju lietošanas pieredzi. Izmantojiet performance.measure(), lai izveidotu lietotāja mērvienības notikumu, kas attiecas uz laiku starp diviem performance.mark() notikumiem, pēc tam ar peles labo pogu noklikšķiniet uz notikuma un pēc tam izmantojiet opciju Filtrēt, lai notikumu, lai atlasītu tikai notikumus starp abām atzīmēm.

DOM lietošana. Šis līdzeklis pievieno krāsas DOM elementiem, virknes literāļus un skaitļu literāļus. Ne tikai satura palikšana dažādos F12 rīkos, bet arī darbojas vizuāli pievilcīgāka, izmantojot lietotāja interfeisa atbildes spējas rīku.

Atlases kopsavilkumsJa atlasāt laika grafika daļu, pasākuma detalizētās informācijas rūtī tiks parādīts atlases kopsavilkums. Novietojiet kursoru virs dažādiem riņķveida diagrammas segmentiem rīka padomam ar segmenta notikuma kategoriju.

Support for console.timeStamp()Using the console.timeStamp() method in your code or in the console during a profiling session creates a user mark on the timeline that has the time since the profiling session began.

Atmiņas rīka izmaiņas

Dominator locīšanaDominator locīšana palīdz vienkāršot momentuzņēmuma saturu, noņemot objektus no augstākā līmeņa skatiem, kas ir cita objekta loģiski komponenti (piemēram, <BR> rīkā <DIV>, tvērumā, ko tur funkcija) un parasti ir papildu informācija, kas ne tikai uzlabo jūsu ieskatu datos, bet var būt netērējiet savu laiku. 

Piemēram, šajā attēlā redzams pirms un pēc skatiem, norādot, kā dominatora locīšana uzlabo "stāstu", kas rīkam ir sižets. Salocītais skats rāda 30 HTML <DIV> elementus, kas veido 15,64 megabaitus (MB) atmiņas, un tiek turēti līdz atdalītiem DOM mezgliem. Daudzos gadījumos nav svarīgi zināt objekta sastādīšanu, zinot, ka tas ir pārāk liels vai ka tas noplūdīs (it īpaši, izmantojot trešo pušu bibliotēkas).

DOM, virkņu un & literāļu iekrāsošanaŠī funkcija pievieno krāsas DOM elementiem, virknes literāļus un skaitļu literāļus. Varat ne tikai saturu padarīt par saturu dažādos F12 rīkos, bet arī padarīt to līdzīgu, lai atmiņas analīze izskatītos vizuāli interesantāka.

Sakņu cikla filtrēšanaVāc pārbaudīt objekta sastādīšanu, nezaudējot riņķveida atsauces ceļu? Šis līdzeklis nosaka to bērnobjektu atsauces, kas ir riņķveida, un tās "apgriež", lai jūs tos neapjauktu, tās tiek pārvērstas bezgalībai. Turklāt tas anotē šīs atsauces, lai būtu skaidrs, kad atsauce ir "apgriezta".

Importēšanas/eksportēšanas sesijaIvar būt nepieciešams atveidot testa gadījumu ikreiz, kad vēlaties analizēt tā izveidotos datus vai kopīgot šos datus ar kolēģi. Importēšanas (mapes) un eksportēšanas (diska) ikonas atmiņas rīka ikonu joslā ļauj saglabāt atmiņas momentuzņēmumus failā, kuru var importēt vēlāk.

Emulation tool changes

Emulēšanas rīkam ir pievienota iestatījumu persistence un resetA persist Emulation settings ikona. Tādējādi tiks nodrošināti jūsu pašreizējie emulēšanas iestatījumi, līdz tiks atspējoti. Tas ļauj strādāt, aizvērt pārlūkprogrammu un pēc tam atgriezties ar emulation iestatījumiem neskarti. Pa labi no šīs ikonas ir ikona Atiestatīt Emulation iestatījumus, kas rīkam ātri atiestata noklusējuma vērtības.