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 3885 dni, 19 godzin, 4 minuty 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 3885 dni, 19 godzin, 4 minuty 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...