Microsoft stworzył narzędzie o nazwie modern.IE, które jest w stanie przetestować naszą stronę internetową i powiedzieć Nam co mamy w niej poprawić. Wykorzystując modern.IE możemy zobaczyć podgląd (zrzut ekranu) z różnych urządzeń i przeglądarek internetowych Naszej strony… bez posiadania tych urządzeń i prz...
Każdy programista wie, że jego kod świadczy o nim, jego wiedzy, doświadczeniu, zdeterminowaniu i otwartości na nowości. W poprzednim odcinku pokazywałem narzędzie, które analizuję stronę w momencie kiedy chcemy - jasno musimy oznaczyć początek-koniec, a efekt końcowy to dużo wykresów, literek I zestawień. ...
Internet Explorer w wersji 11 doczekał się narzędzia do badania responsywności aplikacji z uwzględnieniem tego jaki kod jest wykonywany i na jakim wątku. W tym celu stworzyłem trochę złośliwy kod, który liczy w pętli funkcje matematyczne: Po uruchomieniu aplikacji udajemy sie do narzędzi dla program...
Dzisiaj przybliżymy sobie możliwość jaką daje nam console.trace - funkcja powstała po to byśmy mogli prześledzić ścieżkę wykonywania aplikacji bez śledzenia jej krok po kroku. Poniżej przykładowy kawałek kodu: W kodzie mamy 4 funkcje i dwa przyciski. Oba przyciski dochodzą do wykonania funkcji last(...
W ramach śledzenia kodu Naszej aplikacji mamy możliwość wprowadzenia liczników do kodu I sprawdzenia ile razy wykonał się dany element. Liczniki są z góry zdefiniowanym elementem konsoli dlatego mamy do niego słowo kluczowe console.count – poniżej przykład kodu z jego użyciem: W kodzie funkcja consol...
Funkcjonalność to nie wszystko, w działającym systemie liczy się też wydajność systemu, na którą składają się wszystkie jego części. W przeglądarce Internet Explorer dostajemy funkcje, która pozwala liczyć czas wykonania poszczególnych sekwencji kodu i sprawdzać, co poszło nie tak. Zacznijmy od razu od prz...
Poprzedni artykuł dotyczył pokazywania obiektów w konsoli Internet Explorera. Tym razem chciałbym pokazać jak takie obiekty można pogrupować. Zaczniemy od razu od przykładu: Wynik przebiegu takiego programu po wciśnięciu przycisku wygląda tak: Patrząc na to trudno rozdzielić dane z jednego przebieg...
Dzisiaj chciałbym trochę opowiedzieć o tym jak logować do konsoli całe obiekty, tak byśmy mieli podgląd nie tylko na same zmienne co już prezentowałem w poprzednich artykułach, ale całe złożone elementy. Zaczniemy od prostego kodu z dwoma przyciskami: Kod realizuje następujące zadania:Mamy dwa przycis...
Sztuka programowania 4045 dni, 16 godzin, 16 minut temu 39 źrodło rozwiń
W ostatnich odcinkach serii wspominałem o tym jak można w łatwy sposób wyrzucić do konsoli informacje o stanie Naszej aplikacji. Dzisiaj pokazuję jak można formatować te dane, uzyskując większy porządek w danych. Umiętność formatowania danych, czy to pisanych ręcznie czy pochodzących ze zmiennych przydaj...
Sztuka programowania 4045 dni, 16 godzin, 16 minut temu 38 źrodło rozwiń
Tworząc stronę internetową często potrzebujemy sprawdzić poszczególne składowe bez wracania do środowiska programistycznego. Narzędzia w przeglądarce Internet Explorer pozwalają analizować elementy widziane na stronie ze względu na budowę kodu HTML i CSS oraz sprawdzić logikę napisaną w języku JavaScript. Za...
Firmy to dziwne instytucje, czasem ich wymagania są tak dziwaczne, że trudno nadążyć i/lub sprostać. Już dawno przestało mnie dziwić, że w roku 2013 widzę w ofercie wykonania projektu potrzebę zgodności z Internet Explorer 6 (sic!), ale ostatnio w tych samych dokumentach pojawia się też druga wartość.. wersja 11, dobrze, że nie piszą nic o zgodności z wersją 2, 3 i 4, ale to może tylko kwestia szczęścia w otrzymywanych propozycjach. Co zrobić? Jak żyć? Gdzie zdobyć te dziwaczne wersje przeglądarek fir...