Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

View Selection Source

10 listopada 2005

Ta, jakże przydatna funkcja w Firefoksie, pozwala na obejrzenie kodu źródłówego zaznaczonego fragmentu strony - zwykle tekstu i zdjęć. W specjalnych przypadkach komórek tabelki (klikanie z Ctrl).

Zaletą tej opcji jest szybkość podejrzenia rozwiązania jakiego użył autor. Jest również pomocne przy sprawdzeniu wszystkich elementów generowanych przez JavaScript w drzewie DOM. Jest jednak znacząca wada. Kod który tak oglądamy wcale nie musi być stuprocentowym odpowiednikiem oryginału.

I tak wszelkie tagi pojedyncze są pokazywane bez slasha na końcu. Tabelki magicznie zyskują <tbody/>. Owszem, wynika to ze specyfiki dokumentu i jego generowania przez silnik, ale nie należy się zbytnio sugerować i co gorsza - martwić.

Informacje i hiperłącza

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Informacje o wpisie

Napisał riddle 10 listopada 2005 o 10:06

Kategorie: Przeglądarki

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com

  1. To jest jakiś "mechanizm samo naprawy kodu" w fx.
    Jeśli mam kod:

    <a href="#">opis linku
    (bez zamknięcia)

    To po zaznaczeniu tego linka i kliknięcie View Selection Source uzyskujemy

    <a href="#">opis linku</a>

    Dzięki temu nie mamy wszystkiego co poniżej jako link.

  2. To nie jest "samonaprawa".
    Po prostu dostajesz wycinek drzewa DOM (wcześniej "wydedukowanego" z niepoprawnego dokumentu) w postaci HTML'a. A Firefox to program - on zrobi tę konwersję poprawnie.

  3. <tbody/>, <html/>, <head/>, <body/>, etc. nie pojawią się za to dla dokumentów opartych o XML, bo tam nie obowiązuje uzupełnianie drzewa DOM.

  4. Po prostu FF tworzy kod dla już wyrenderowanej strony - np. taki rapidshare, ktory ma odliczanie do pojawienia się linku... przy pokazanym źródle zaznaczenia pokaże tylko to co, widać - a we właściwym kodzie link jest cały czas.

Dodaj komentarz

Do formatowania komentarzy używaj Textile (HTML nie działa). Szczególnie jeśli wklejasz większe fragmenty kodu. W razie niepewności użyj podglądu komentarza.

Wypowiedzi obraźliwe, infantylne oraz nie na temat będą moderowane – pisząc postaraj się zwiększyć wartość dyskusji.

Komentarze nie służą do wysyłania wiadomości albo informowania o błędach, itd. Chcesz coś mi napisać – skontaktuj się.