Magyar Opera

Címkék » webfejlesztés


Navigációs sáv használata

Az Opera böngészőnek van egy Navigációs sáv nevű eszköztárja, ami a weboldalokon belüli navigálást hivatott egyszerűsíteni, elvileg. Én speciel nem használom, egyrészről azért ,mert a legtöbb oldalon sajnos nem működik a gonosz webes fejlesztők miatt, másrészről meg elveszi a helyet a weboldalból. Ennek ellenére simán lehetnek olyanok, akik aktívan használják és nem tudnák elképzeli az Operát eme funkciója nélkül, hasonlóan a kezdősávhoz, amit a felhasználók rakattak vissza a fejlesztőkkel. Tehát legyünk kedvesek, odafigyelők a többi embertársaink iránt, és gondoljunk az Operát és navigációs sávot használók egyre gyarapodó csoportjára: weboldalunk, blogunk, portálrendszerünk(!) építésekor ne feledkezzünk meg erről a pár sorról. Portálrendszereknél utólag is lehet különböző trükkökket alkalmazni, de az lenne a legjobb, ha alapból beépítenék.

Tehát lássuk a csoda html kódokat, amikkel a navigációs sáv elemeit kitölthetjük. Ezeket a <head> </head> elemek közé kell beírnunk, a <title> után. (Itt egy egyszerű példa, a forráskód megtekintéséhez jobb egér katt az oldalon és válaszd ki a Forráskód menüpontot. )

A kódok közül vannak statikusak és dinamikusak. A Kezdőlapra kattintva minden oldalról ugyanoda kell jutnunk, tehát statikus. Viszont van legalább két dinamikus tag, az Előző és a Következő. Hiszen ha van mondjuk három darab html oldalam, név szerint az 1.html, 2.html és a 3.html, akkor az 1.html oldalba másra kell hivatkozni a Következő tagnál, mint a 2.html oldalban lévő Következő tagjánál. Értelemszerűen 1.html-ben a 2.html-re, a 2.html-ben a 3.html-re kell hivatkozni. Tehát ezeket hívhatjuk dinamikusnak. Azért írtam, hogy legalább 2 darab dinamikus tag van, mert az Első és az Utolsó tagokat különbözőképpen lehet értelmezni ha egy menüpont alatt további menüpontok vannak. Lehet úgy is értelmezni, hogy az Utolsóra kattintva az utolsó almenüre jutunk, de úgy is, hogy az utolsó főmenüre. Én inkább az utóbbira gondolok, és akkor csak 2 darab dinamikus tagunk van. Jó hír viszont, hogy a 2 vagy 4 dinamikus tagon kívül mindegyik statikus, tehát azt egy portálrendszer motorjába csak egyszer kellene beírni.

Navigációs sáv

Tovább...

Javascript és AJAX támogatás az Opera Miniben

Ebben a cikkben az Opera Mini 4 Javascript támogatásáról lesz szó, így inkább technikai jellegű. Ha az Opera Mini újdonságai és funkciói érdekelnek, ezt olvasd el.

Az Opera Mini egyszerű, de nagyon hatékony koncepciót használ a weblapok megnyitására, ezért lehetséges, hogy pár ezer forintos, régi telefonokon is képes futni és megjeleníteni szinte a teljes webet. A módszer lényege abból áll, hogy amikor meg akarunk nyitni egy weblapot az Opera Miniben, az küld egy kérést az Opera központi szerverére. A szerver letölti a kért weblapot, és átalakítja OBML (Opera Binary Markup Language) formátumra, amely egy speciális, az eredeti weblap méretéhez képest akár 90%-kal tömörített csomag, majd ezt visszaküldi a telefonnak. Fontos még tudni, hogy a telefon és a szerver között a kapcsolat mindig biztonságos, mind HTTP, mind HTTPS esetében.

Ez nagyszerűen működik HTML és CSS esetében, sőt az Opera Mini 4 szerverei már az Opera 9.5 motorját használják, így képesek egyes CSS3 szelektorokat is értelmezni, amelyekkel még nem sok böngésző boldogul. De mi a helyzet a Javascripttel? Ebben az esetben a történet már közel sem ilyen egyszerű.

A következőkben bemutatjuk, hogyan értelmezi a Javascriptet az Opera Mini, a szerver- és a kliens oldalt, valamint az AJAX támogatást.

Tovább...

Valódi webfejlesztő eszközök Operában is?

Bár egy vérbeli Operás általában csak megértően mosolyog és bólogat, amikor a Firefox kiterjesztésekről van szó, azért ha felmerül a Firebug neve is, többnyire arcunkra fagy a mosoly. A legtöbb kiterjesztésen lehet vitatkozni, de ennél nincs pardon, az Opera mérföldekre le van maradva ezen a téren. Volt néhány próbálkozás a helyzet javítására, de a versenyt még így sem sikerült felvenni a Firebuggal.

Jó hír, hogy az Opera azért dolgozik ezen a problémán, amint az az alábbi kérdésekből és válaszokból kiderül:

Dolgoztok jelenleg a fejlesztői eszközökön? Igen.

Azokon a bookmarkleteken, amelyek fent vannak a Dev.Opera oldalon? Nem, azokat a webfejlesztő csapat írta, hogy betömjük vele a rést. Ezek nem férnek hozzá a böngésző kódjához. Amit mi írunk, az az Opera része lesz, így sokkal több infóhoz férünk hozzá.

Olyat szeretnénk, mint a Firebug és a Web Developer Toolbar. Igen, tudjuk, figyeltünk.

Mikor adjátok ki ezeket? Amint készen lesz.

A további kérdéseket a fejlesztők az Dev.Opera fórumon várják.

Opera Developer Console

Vendégként ez az első bejegyzésem itt, ezért mindenekelőtt üdvözlet minden Opera iránt érdeklődőnek. Magamról annyit, hogy nem vagyok Opera rajongó, de elismerem azokat a dolgokat, amiket az Opera mint böngésző és mint cég nyújt. Ebből a nézőpontból talán jóval kritikusabb képet tudok majd festeni, és ez remélem előnyére is válik a bejegyzéseimnek.

Ezután a kis intermezzo után: az Opera Developer Console lesz a téma, mely az Opera legfrissebb előzetesében jelent meg, így várhatóan bekerül a következő stabil Opera verzióba is. A sorban ezzel a lépéssel az Opera eléggé lemaradt, először a Firefox-hoz, majd az Internet Explorerhez, azután a Safarihoz jelentek meg a fejlesztőket támogató kiegészítések. A legfejlettebb továbbra is a Firefox ebben a tekintetben, és sajnos az Opera sem lépett akkorát, hogy elkezdjek gondolkodni az átálláson. Ennek ellenére egy nagyon fontos, és első lépésnek nem is rossz eszközt kaptunk, mely ha a Firefox Firebugját nem is, de a többi böngésző lehetőségeit egész jól veri (hozzátenném, a Safari ilyen irányú lehetőségét nem próbáltam még, csak olvastam róla).

Még egy kiegészítést tenni kell: az egyes böngészőkhöz főként kétfajta eszközt különböztethetünk meg. Az egyik az eszköztár, a másik pedig a konzol. Az eszköztár segítségével különböző manipulációkat végezhetünk főként az oldalon, lekérdezhetünk ezt-azt, átállíthatunk dolgokat, stb., általában specifikus, konkrét dolgokon, dolgokat. A konzol egy mélyebb betekintést és módosítási lehetőséget ad a kezünkbe, de jobban is kell értenünk hozzá. Az Opera ez utóbbi lehetőséget kínálja.

Tovább...

Webfejlesztő előzetes! (b8713)

Két hét lázas fejlesztés után újra hallat magáról az Opera PC-s változatokért felelős részlege. Mint az nyilván a címből is kiderül, egy újabb előzetes megjelenéséről van szó. A jövevény lajstromszáma b8713, ami közepes mértékű ugrásnak nevezhető (verziószám: 9.20). A változások listája mindenesetre egész terjedelmes. A legfontosabb újítás, hogy ebben a verzióban már megtalálható a jövőbeni Opera-féle webfejlesztő eszköztár előzetes verziója, egyelőre még csak ismerkedési célzattal:

  • az adobe.com oldalán eltűnt a szükségtelen vízszintes görgetősáv
  • tovább csiszoltak a csalás elleni védelmen
  • javítottak a proxy-ra történő beléptetésen
  • fejlesztői eszköztár hozzáadása (Eszközök -> Haladó -> Developer Console)
  • a javascript görgetési eseményei aktiválódnak az egérgörgő használatakor
  • mester jelszó érvényességi idejével kapcsolatos hiba javítása (csak Unix)
  • osztott X memória hozzáadása. Jelentős gyorsulás várható tőle (csak Unix)

Figyelem! Az előzetes verziók még sok hibát tartalmazhatnak, ezeket nem ajánlott mindennapi használatra telepíteni. Az Opera legutolsó végleges verzióját az Opera oldaláról töltheted le.

Kapcsolódó linkek:

süti beállítások módosítása