Narzędzia programistów IE 11 nie wyświetlają szerokości elementu

Question

Narzędzia programistów IE 11 wyświetlają "auto" zamiast rzeczywistej szerokości w przeciwieństwie do poprzednich edycji. Czy można to zrobić również w np. 11?

Answer 1

Narzędzia deweloperskie F12 w IE11 pokazują auto dla width po określeniu go jako takiego, ponieważ pokazuje on określone style. To pasuje do innych narzędzi, takich jak Chrome Dev Tools i Safari Web Inspector.

Jeśli chcesz zobaczyć rzeczywistą szerokość obliczoną, możesz przejść do zakładki "obliczane" na pasku bocznym i wyszukać szerokość tam (lub wpisać ją w polu filtra), lub możesz ją również zobaczyć w schemacie modelu skrzynki w zakładce "layout".

Answer 2

W widoku dewelopera (IE 11) na górnym pasku menu, po prawej stronie znajduje się ikona z ekranami o nazwie Emodowany tryb dokumentu i strzałka obok niego. Kliknij strzałkę i wybierz inną wersję z menu rozwijanego. Domyślnie dla mnie ustawiono wersję 5, więc zmieniłem ją na Edge i działa. Byłem w stanie zobaczyć rzeczywiste wymiary wybranych elementów HTML.

Answer 3

1. Kliknij prawym przyciskiem myszy element i wybierz polecenie Sprawdź element. Możesz także otworzyć Dev Tools za pomocą F12.
2. Na karcie "Dom Explorer" na pasku bocznym odszukaj kartę "Układ" (patrz zrzut ekranu).
3. Narzędzie "Układ" pokazuje wymiary elementu, w tym szerokość i wysokość elementu rodzimego, zastosowane do niego wypełnienie, krawędź, margines i przesunięcie.

IE 11 Dev Tools, DOM Explorer, Layout View