2010-01-10 12 views
13

Używam paska narzędzi programisty sieci Web w FireFox do testowania zmian CSS. Chcę zrobić to samo w IE i mogę to zrobić za pomocą IE8 Developer Tool.Narzędzia programistyczne IE8 - dodaj styl CSS

Jednak nie można dodać styl w Narzędzia dla programistów, tylko edit istniejących stylów - nie każdy z was wie o sposób edytować CSS jak można zrobić z paska narzędzi Chris Pedericks Web Developer?

Odpowiedz

17

Można:

  • dodać atrybut stylu (prawy przycisk myszy tag HTML i kliknij przycisk Dodaj atrybut (ze stylem i nazwisko, a następnie edytować atrybut stylu, gdy jej własne)
  • Kliknij zakładkę CSS kliknij prawym przyciskiem myszy pusty obszar, a następnie dodaj regułę (to jest jak dodanie odpowiedniego wiersza do pliku css)
+0

To działa! thx wiele :) – timkl

+4

Dzięki. Najwyraźniej żaden programista IE8 nie użył tych narzędzi, kiedy je tworzył. – Simon

+0

Co spowodowałoby przekreślenie liniowego CSS za pomocą linii podczas dodawania jej do elementu w narzędziach programistycznych? – mmcrae

2

Jestem teraz na moim Macu, ale pamiętam, że w tym uczestniczyłem.

Patrząc po prawej stronie narzędzia programisty, zobaczysz listę stylów CSS. Powyżej widać kilka "zakładek": Styl, Style śledzenia, Układ, Atrybuty. Jeśli dobrze pamiętam, możesz zmienić ich w karcie stylów. Ale możesz je zmienić w jednej z pozostałych kart. Być może trzeba będzie je edytować za pomocą atrybutu style.

1

można spróbować firebug lite ale to trochę pracy, aby ją konfigurację.

+0

Próbowałem skonfigurować Firebug Lite - ale nigdy tak naprawdę nie działało - wydawało się błędne :( – timkl

12

Dodanie do tego, o czym wspomniał Gabriel.

Dla szybkiego dodania do testu i zobaczenia efektu robię to trochę inaczej.

Po wybraniu karty HTML wybierz panel "Atrybuty" obok Styl, Ślady i Układ.

Kliknij przycisk "+" i rozpocznij wpisywanie stylu css, który chcesz dodać. Nowy atrybut stylu jest automatycznie dodawany w panelu widoku DOM.

Mam nadzieję, że to pomoże.

0

Wykonaj następujące kroki: 1. Kliknij na Deweloperzy narzędzia 2. W HTML wybierz element, który chcesz dodać css 3. Wybierz zakładkę atrybut obecny na prawej stronie 4. Dodaj nazwę i wartość. Sprawdź, czy Twój styl został zastosowany do elementu html.

Powiązane problemy