Firebug

kalmarr képe

Sziasztok!

Most találtam egy nagyon hasznos programot amivel nagyságrendekkel megkönnyítik a munkát kezdő Drupal smink készítőknek :)

Címe: http://www.getfirebug.com/

Magyar nyelvű videó hozzá: http://rrd.1108.cc/firebug-10-percben-4/

Üdv.

KALMI

Fórum: 
pp képe

Ugye nem mondod, hogy még nem használtad?
Tanfolyamon az első dolog amit telepítünk ;)

pp

0
0
kalmarr képe

Nem! Képzelheted mennyit szenvedtem :). Amugy szerintem nagyon fontos volna, akár egy cikk keretében összegyűjteni a legfontosabb dolgokat, amit egy fejlesztőnek érdemes használnia. Pl: bele kellene tenni talán a kézikönyvbe is (Lehet még a profik is tanulnának valamit). Ugyanis aki profi az tudja, de aki most kezdi az csak el el cseni a trüköket máshonnan! :)

KALMI

0
0
Balu Ertl képe

Mivel a nagyobb böngésző versenytársak (OP, GC) már kínálnak ún. fejlesztői eszközöket alapkiépítésben, ezért a Mozilla úgy döntött, beemeli a magba a PP által is hangsúlyozott népszerűségű add-ont. (Bár én még v4b10-ben nem találtam :)

(Firebug mellett a jó öreg Web Developer Toolbar és User Agent Switcher add-onokat (mindkettő Chris Pederick áldása :) is lehet, hasznosnak találod majd.)

0
0
nevergone képe

Erről tudsz mutatni egy linket? :)

0
0
Balu Ertl képe

Bocs Nevergone, val'szeg igazad lehet. Szerintem az történhetett, hogy az új funkciók beharangozása során való lelkesültségemben a "Developer Tools"-t (ami a tökmás konzolokra vonatkozott) értettem Firebug-nak. Alább 2 linkek találtam most így hirtelen, amik Téged látszanak igazolni:

http://hacks.mozilla.org/2010/07/firefox-4-beta-1-is-here-whats-in-it-fo...
http://daviddahl.blogspot.com/2010/07/web-developer-console-in-firefox-4...

Legközelebb utánaolvasok inkább, mielőtt posztolok, az a biztos :)

0
0
Paal képe

Ha már itt tartunk, akkor fejlesztéshez pár (szerintem nélkülözhetetlen) Firefox kiegészítő:

  • LoremIpsum Content Generator
    "Kamu" szövegeket generál, amivel feltöltheted az oldaladat teszt céllal, ha nincs konkrét anyagod. Előnye, hogy nem kell annyi" asdasasdasd" szöveget begépelni ;)
  • Html Validator
    A forráskódot tudod vele ellenőrizni. Megmutatja hol vannak hibás html elemek, mutatja a szabványtól eltérő dolgokat, stb.
  • Web Developer
    Egy toolbar Firefox-hoz. Kikapcsolhatóak vele pl. a js-ek, css-ek, képek megjelenítése, meg még ezer másik dolgot tud.

Azt gondolom e három modul nélkül, rettentő nehéz lenne bonyolultabb oldalakat szépen, és főleg szabványosan elkészíteni. Mit nem adtam volna ezekért úgy 10 éve... :)

0
0

--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan

warp képe

Jobb később, mint soha... Ezeket a toolsokat én sem ismertem eddig, sajnos ...

0
0

_______
warp

kalmarr képe

Olyan kiegészítő lenne, ami képes lenne IE vel is működni?

0
0
crt képe

Volt már néhányszor ezen a fórumon is:
Internet Explorer Developer Toolbar

Üdv: Zoli

0
0
kalmarr képe

Ezzel lehet úgy szerkeszteni, mint a Firebugal? Ahogy elnéztem nagyon körlményes. Egyszerűbb, jobb esetleg van?

KALMI

0
0
nevergone képe

Megszokható, és egyelőre jobbat nem igazán találtam. Szerkeszteni úgyis a CSS fájlban kell.

0
0
kalmarr képe

Igen igen, de sajnos nem látom azonnal, hogy mit csinálok :(

0
0
kalmarr képe

Sziasztok!

Szeretném megkérdezni, hogy IE-hez jelent-e meg már ennél frissebb vagy jobb (másabb) fejlesztő eszköz?

KALMI

0
0
aboros képe

0
0

-
clear: both;

gergely képe

ez ugy tudom csak javascript debugra jo.(legalabbis amikor utoljara hasznaltam akkor csak arra volt jo)

0
0

---
Tévedni mindenkinek szabad, csak a mérnöknek észre kell vennie.

Nagy Gusztáv képe

Gondolom nem véletlen van ott a HTML és CSS fül.

0
0

Nagy Gusztáv

kalmarr képe

Ezzel két gondom van:

1. minden biztonsági hülyeséget kikapcsoltam, de nem találtam meg, hogy mi a túró blokkolja a felugró ablakot :(.

2. A Firefoxal sikerül felugratni az ablakot (IE megjelenítéssel), de azt tapasztalom nem tudom átírni a böngészőben a beállításokat, mint a Firefox pluginjában.

Esetleg létezik valami olyan felület, ahol ezeket a finom hangolásokat el lehet végezni?

A grafikusok mit használnak erre a célra? Hogyan lehet, úgy beállítani a web oldalt, hogy ne kelljen utólagosan álligatni az oldalt?

KALMI

0
0
fox mulder képe

Online használható Firebug Lite: http://firebugger.com

Azoknak hasznos, akik linux-wine mellett tesztelnék IE-ben a megjelenítést.

0
0

Fox Mulder

aruna képe

Ami nekem nagyon bejött:

FoxReplace - a textarea-ban lehet vele szövegeket cserélni, akár reguláris kifejezéssel is. Aki nem használ WYSIWYG editort az oldalszerkesztéshez, annak sokat segíthet.

Arra érdemes figyelni, hogy sajnos nem csak az aktuális textarea-ban cserél, hanem minden szövegmezőben, de ez ritkán okoz gondot.

Aruna

0
0
Désiré képe

Már régebbóta szerettem volna egy cikket írni hasznos Firefox kiterjesztésekről, és amikor tegnapelőtt láttam itt ezt a topicot, el is határoztam, hogy megírom.

ITT elolvasható
Lehet, hogy a legtöbbet ismeritek, de a kezdőknek nagyon jól jöhet!

0
0

- - -
Juhász Márton

http://juhaszmarton.hu

Paal képe

Én azért nem adnék még regisztrált felhasználóknak sem hozzáférést Full HTML-hez...

Írtam még hozzá párat :)

0
0

--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan

nevergone képe

Ide írok még két hasznos Firefox kiterjesztést, amely adott helyzetben megkönnyítheti a fejlesztő dolgát:

Yet Another Window Resizer:
Hasznos, ha egy smink tesztelésekor adott méretűre szeretnénk méretezni a böngészőablakot, mintegy többféle képernyőfelbontás alatt tesztelve azt.

Screengrab!:
Ha mégis problémába ütközünk, ezzel a kiterjesztéssel képernyőfotót készíthetünk a honlapunkról külső program nélkül. Képes egy képben elmenteni a honlap képét akkor is, ha a tartalom fér el a böngészőablakban.

0
0
Közszolga képe

Ez az ablakméret-módosítás egész hasznosnak tűnik.

0
0
Désiré képe

De egyébként, a Web Developer is tudja, csak az kicsivel többet is ennél...

0
0

- - -
Juhász Márton

http://juhaszmarton.hu

dióhéj képe

én nem ismertem a firebugot, úgyhogy ezer hála és köszönet érte, sikerült is a segítségével az egyik sminket szépen átalakítani :-))

0
0
aboros képe

említette valaki, hogy ennek jó lenne egy külön lap. (mármint hasznos ff kiterjesztések a fejlesztéshez) nem lett ilyen végülis igaz?
azért kérdezem, mert ez már erősen offba megy. :) namindegy.

senki nem írta eddig, igazából nem is egy nagy durranás, de nekem sokszor hasznos és szeretem:
ColorZilla - tulajdonképpen egy pipetta, néhány extrával.
nem pont fejlesztéshez, bár ki hogy nevezei:
SeoQuake - ezt-azt megmutat oldalakról toolbarban vagy akár organikus találati listákban.

(ha már itt tartunk, a mozilla.org nem drupal véletlenül?;)

0
0

-
clear: both;

Désiré képe

Gondolom, a Mozillások maguktól is le tudnak programozni egy weboldlat:D

Egyébként meg ha kicsit feljebb megnézed, van egy cikk a kiterjesztésekhez, csak nem a drupal.hu-n...

http://drupal.hu/node/3672#comment-13474

0
0

- - -
Juhász Márton

http://juhaszmarton.hu

fox mulder képe

Lám csak, milyen hasznos dolog néha felemlegetni tök evidensnek tekintett dolgokat ;)

0
0

Fox Mulder

Atyla képe

Az igaz, hogy bele lehet szerkeszteni az oldalba, de - gondolom - csak a html végeredményt módosítja, nem a generáló php kódot, továbbá egy internetes szerveren lévő oldalt nem fog megváltoztatni, max. a saját gépemre lementhetem a módosított oldalt, mert ahhoz jogosultság kellene, azt meg nem lehet beállítani a Firebugban. (Még szerencse, hiszen így a világ összes oldalát "fel lehetne törni" bizonyos értelemben, pl. origo, mtv, otp, stb...

Egyébként próbáltam leírást találni a programról, de sajna nem találtam magyart, márpedig a fentieken kívül még azt sem sikerült fellelnem, hogy amikor kijelölök egy elemet, akkor hol mutatja, hogy pontosan melyik file generálta azt. Lehet, hogy azért nem találom a Firebug fejlécében, mert az is csak a html struktúrát mutatja és nem a php kódrészt?

Bocs, ha ez mindenkinek evidens, de ha már van ez a téma, akkor meg kellett kérdeznem, mert jó ideje bajlódok ezzel a programmal.

0
0
pp képe

Devel modult meg tedd fel és a theme developere nézd a csodát.

pp
(itt ezt abba kéne hagyni, mert ez egy tök más téma... lécciléccilécci)

0
0
Atyla képe

Nem értem miért kellett volna új témát nyitnom.

Az indítótéma: Firebug.
Amit hozzászóltam: Firebug.

0
0
aboros képe

uj kerdes, uj tema. a tema egy problemafelvetes, a hozzaszolasok pedig arra adott lehetseges megoldasok. hozzaszolasokban nem szoktunk uj problemakat felvetni, mert kovethetetlenne valna es nehez lenne megtalalni a konkret megoldasokat konkret kerdesekre.

tulajdonkeppen feltettel egy uj kerdest: olyan eszkozt keresel, mint amilyen a firebug cssre, csak php fuggvenyekre.

0
0

-
clear: both;

chrispooh képe

Tuti stuff sitebuild munkákhoz: http://www.pixelperfectplugin.com/
A képernyőre layerként felhelyezi a weboldalt ábrázoló jpg-t, és látod, hol vagy esetleg elcsúszva az eredetihez képest.

0
0