Sprawdzanie poprawności za pomocą dodatków Firefox i walidatora HTML CSS

  1. Kroki
  2. Ważny

Ta strona opisuje prosty sposób sprawdzania poprawności dokumentów HTML za pomocą CSS HTML Validator i Firefox .

CSS HTML Validator to aplikacja komputerowa dla systemu Windows, która umożliwia sprawdzenie HTML, CSS, SEO, pisowni, dostępności, mobilności (Android / iOS), JavaScript i linków za pomocą jednego kliknięcia.

Zobacz też: Sprawdzanie poprawności DOM za pomocą Google Chrome .

The Rozszerzenie rozszerzenia Firefox Easy Copy o Byron (nowe okno) można go użyć do szybkiego skopiowania źródła HTML strony internetowej (wygenerowanej z bieżącego stanu DOM) do schowka, wybierając opcję menu Łatwe kopiowanie-> Źródło HTML. Kiedy źródło dokumentu jest kopiowane do schowka, CSS HTML Validator może automatycznie go wykryć, wkleić tekst schowka do nowego dokumentu i zatwierdzić go.

Uwaga: Niestety ten dodatek nie jest obecnie kompatybilny z Firefox Quantum .

Kroki

  1. Pierwszy, pobierz i zainstaluj CSS HTML Validator dla Windows (wersja próbna będzie działać) i Firefox na pulpicie (nowe okno) jeśli jeszcze tego nie zrobiłeś.
  2. Uruchom CSS HTML Validator, a następnie przejdź do opcji edytora (Ctrl + F3) i wybierz stronę opcji schowka . Włącz opcję Oglądaj schowek na dokumenty HTML. Możesz także włączyć inne opcje, takie jak automatyczne sprawdzanie dokumentów z opcji schowka.

  3. TEST IT (v17 +): Jeśli CSS HTML Validator jest uruchomiony i zaznaczona jest opcja oglądania schowka, to walidator HTML CSS powinien automatycznie otworzyć nowy dokument z linią „Sukces” po skopiowaniu poniższego wiersza do schowka.

    <cseclip url = "http://test.domain.com"> Sukces

  4. Uruchom Firefoksa i zainstaluj Rozszerzenie Easy Copy o Byron (nowe okno) . Użyj Firefoksa z dodatkiem, aby skopiować HTML do schowka. Ważne informacje i wskazówki znajdują się w poniższych sekcjach.

Ważny

  • CSE HTML Validator v16 może nie wykryć tekstu schowka z Easy Copy jako dokumentu HTML, ponieważ nie może zawierać DOCTYPE. Ten problem został rozwiązany w wersji 17 +, ponieważ poprawił wykrywanie dokumentów HTML i obsługuje nowy znacznik cseclip.
  • Źródło HTML skopiowane do schowka za pomocą funkcji Easy Copy jest tworzone z bieżącego stanu DOM i nie jest oryginalnym źródłem dokumentu, które można zobaczyć przy użyciu opcji Wyświetl źródło strony. Ze względu na to, jak to działa, skopiowane źródło może nie zawierać DOCTYPE lub znacznika html (zamiast tego źródło może zaczynać się od tagu head).
  • Jeśli wybrano część strony, kopiowane jest tylko źródło HTML zaznaczenia (ponownie na podstawie DOM).

Wskazówki

  • Skorzystaj ze specjalnego znacznika cseclip w wersji 17 +, ustawiając szablon dla źródła HTML na:

    <cseclip url = "% page_url%">% html_source%

    Szablon można zmienić w oknie dialogowym Opcje łatwego kopiowania (Łatwe kopiowanie- > Opcje). Pozwoli to na lepsze rozpoznawanie HTML w schowku i sprawdzanie linków względnych adresów URL (ponieważ ścieżka bezwzględna może być obliczona).

    Jeśli używasz znacznika cseclip, możesz włączyć Limit tylko do dokumentów, począwszy od specjalnego znacznika cseclip na stronie Schowka w Opcjach Edytora (Ctrl + F3). Użycie tej opcji może uniemożliwić CSS HTML Validator otwieranie niechcianego tekstu schowka, który w przeciwnym razie zostałby rozpoznany jako dokument i otwarty w nowej karcie.

  • Możesz skonfigurować Easy Copy, aby dodać opcję Kopiuj źródło HTML do menu kontekstowego po kliknięciu prawym przyciskiem myszy, aby mieć do niego szybki dostęp (za pomocą funkcji Łatwe kopiowanie-> Opcje i wybranie opcji Pokaż w menu głównym dla źródła HTML).
  • Możesz skonfigurować nowy element menu specjalnie dla walidatora HTML CSS , klikając przycisk Nowy w oknie dialogowym Opcje łatwego kopiowania (Łatwe kopiowanie- > Opcje). Zobacz zrzut ekranu poniżej.

The Rozszerzenie dodatku Firefox Html Validator autorstwa Marca Gueury (nowe okno) obsługuje najnowsze wersje CSS HTML Validator (wersja 10.02 lub nowsza, dowolne wydanie). W oknie dialogowym opcji dodatku Walidator HTML wybierz CSE HTML Validator dla algorytmu (podświetlony na zrzucie ekranu). Wyświetl źródło strony, aby zobaczyć wyniki walidacji.

Ważny

  • Upewnij się, że używana wersja dodatku jest zgodna z używaną wersją Firefoksa .
  • Używając walidatora HTML CSS z tym dodatkiem, może być konieczne kliknięcie ikony dodatku, aby uzyskać wyniki walidacji. Poprawia to wydajność, sprawdzając tylko, czy chcesz zobaczyć wyniki walidacji.
  • Od 2015-03-23 ​​zdajemy sobie sprawę z pewnych problemów z tym dodatkiem i najnowszą wersją Firefoksa i skontaktowaliśmy się z twórcą dodatku, aby spróbować je rozwiązać:
    • Możliwa niezgodność między wyświetlonym źródłem a wynikami walidacji
    • Przycisk Opcje dla walidatora HTML CSE nie działa
    • Wyniki walidacji mogą nie zawsze być wyświetlane