Ne kartą sau ir kitiems sakiau, kad tokie įrankiai kaip Web Developer ir Firebug yra Dievo dovana techniniams dizaineriams (ir ne tik). Tačiau šie įrankiai veikia tik Firefox naršyklėje. Norint „gyvai“ redaguoti CSS Internet Explorer naršyklėje, galima pasinaudoti programa CSSVista (nieko bendra su MS Vista), kurios pagalba matysite kodo pokyčius Internet Explorer ir Firefox naršyklėse iškart.
Tačiau ką daryti jei norite matyti kaip keičiasi puslapio išvaizda Opera naršyklėje? Įrankio specialiai Operai nėra, tačiau yra pora sprendimo būdų. Vienas jų tai CSSFLY tarnyba, kuri leis jums redaguoti puslapio be jokių papildomų įskiepių ar programų. Teisybės dėlei turiu pasakyti, kad man nepavyko šios tarnybos priversti dirbti su Opera. Antras būdas, kurį CMSMS forume pasiūlė RQ yra Firebug Lite. Tačiau jis tinka tik tuo atveju, jei esate tinklapio savininkas, nes reikia į puslapį įkelti specialią JavaScript bylą.
Taigi, skaudi išvada yra ta, kad paprastai „gyvai“ kodo su Opera naršykle redaguoti nepavyks. Nebent jūs žinot kokį kitą stebuklingą čia nepaminėtą būdą.
Yra dar keli įskiepiai firefox`ui, pvz. „web developer“: http://chrispederick.com/work/web-developer (kitus užmiršau).
Ctrl+E ir redaguoji naršomo puslapio CSS. Aišku, IE vaizdavimo taip neišbandysi (su IEtab irgi neišdegs).
Pačiam pirmam sakinyje pirmas link’as ir buvo į Web Developer ;) O ant IE galima su CSSVista redaguot. Bet kaip ir minėjau, šiuo atveju Opera yra didžiausia rakštis…
Jei redaguot CSS per JavaScriptą ne problema, tuomet ryt-poryt prisėsiu valandėlę ir padarysiu galimybę įkelt Firebug Lite į bet kokią svetainę. Nes matau, čia ta pati problema, kurią iškėliau visai neseniai įraše apie JavaScript konsolę (http://aaiddennium.com/blog/?p=285).
Beje kol kas gali naudot tenais pasiūlytą bukmarkletą. Pavyzdžiui, įrašęs į atsidariusį langelį:
document.getElementById(„header“).style.cssText
Turėtum gaut visus elemento #header CSS atributus. O tarkim
document.getElementById(„header“).style.marginLeft = „5em“;
pakeis kairiąją paraštę į 5 em vienetus.
(Beje čia žiauriai graži galimybė tavo bloge redaguot komentarą dar per 5 minutes.)
Dėl Operos – pažiūrėk į http://dev.opera.com/tools/. Deja, prisiekęs operistas, kuriam pasiūliau čia parašyti komentarą, pasipiktino tavo išvadomis ir tai padaryti atsisakė, tad jo pasiūlytą adresą perduodu aš. ;)
Beje, dar kalbant apie IE, yra šitai naršyklei ir daugiau įrankių. Dalis geresni, dalis prastesni, vieni mokami, kiti ne. Vieną jų galima parsisiųsti iš čia, o platesnis aprašymas apie kai kuriuos – čia.
Na mano tikslas nebuvo apšikt operą, kaip tik norėjau skaitytojų komentarų, kad pats žinočiau. Gal paskutinius sakinius per daug dramatiškai parašiau, bet kiek teko pačiam ieškot, jokių rimtų įrankių neradau. Tiesa, paskutinį kartą senokai beieškojau :)
Atgalinis pranešimas: Blogorama #223 : nežinau.lt
ar aš blogai pamenu, bet lygtai kad buvo galima redaguoti (bent HTML’ą) operoje atsidarius source preview. Dar lytai kažką dariau su juo :)
Taip, HTML galima – CSS ne :( Bet reik dar peržiūrėt ką ten RQ parašė.
thanks isbandysim :)
[quote comment="17175"]Dėl Operos – pažiūrėk į http://dev.opera.com/tools/. Deja, prisiekęs operistas, kuriam pasiūliau čia parašyti komentarą, pasipiktino tavo išvadomis ir tai padaryti atsisakė, tad jo pasiūlytą adresą perduodu aš. ;)[/quote]
Neblogas įrankis, deja jis neveikia su CSS, kuris imamas iš duombazės (pvz.: su CMSMS tinklapiais) :( Nors aišku geriau toks įrankis nei jokio…
Firebug Lite jau veikia bent IE ir Operoj (berods ir Safari – neturiu šiąnakt Maco po ranka). Bookmarkletas yra puslapyje, kurio nuorodą jau rašiau aukščiau komentaruose. Gal ne tik man pačiam pravers. Laikui bėgant, dar patobulinsiu šiek tiek..
kaip tik prireikė. ačiū :-)
Kaip mano močiutė sako: „į sveikatą – bitik mačytų“ ;)
Atgalinis pranešimas: Paveiksliukų ir teksto lygiavimas CSS pagalba :: Karolis Pocius