:: CSS-opas: Yleisinfo: Sivujeni toimivuus eri selaimilla: Sivujeni toimivuus Opera-selaimilla (jakso 2/4) ::

	Aihepiiriluettelo > CSS-oppaan etusivu > Yleisinfo > Sivujeni toimivuus eri selaimilla > Sivujeni toimivuus Opera-selaimilla (jakso 2/4)

Sivun jaksot:

Sivuston toimivuus Operalla

Aiheet

Yleistä
Selainkohtaisia vihjeitä
Tiedossa olevia ongelmia

Yleistä

CSS-oppaan kuten kaikkien muidenkin tekemieni yksittäisten sivujen tai aihepiirien ulko- eli esitysasu näkyy lähes 100% suunnitellulla tavalla Opera 6.01+ -selaimilla sekä näyttö- että tulostusesitysmuodoissa (annan tarkemmat perustelut selainsuositussivulla).

Käyttämäni CSS-piirteet ovat sellaisia piirteitä, jotka osoittavat, että uusimmassa Operassa on kaikki mediatyypit ja -ryhmät huomioiden laajin CSS2-tuki. Toki Operassa on joitakin piirteitä, jotka toimivat muissa uusissa selaimissa, mutta ei Operassa. Sellaiseksi voi esim. mainita eräät dynaamiset muutokset.

Opera näyttää yleisestikin Web-sivustot sangen hyvin. Jos sivustot on tehty olemassa olevien yleisesti käytettyjen virallisten spesifikaatioiden mukaan (kuten HTML 4.01 ja CSS2) ja sivut näyttävät Operassa oudolla tavalla, vika on yleensä sivuston suunnittelijan. Web-sivustot näkyvät Operassa virheellisesti yleensä seuraavista syistä:

Sivustolla käytetään epästandardia koodausta (esim. epästandardia DHTML:ää).
Sivuston koodaus on erittäin heikkolaatuinen ja virheellinen.
Sivustolla käytetään lisäosaa/lisäosia (plug-ins), jota selain ei tunnista.

Näissä tapauksissa Opera voi näyttää sivut oudosti, linkit eivät toimi ja selain voi jopa kaatua (Opera kaataa kuitenkin koko käyttöjärjestelmän äärimmäisen harvoin; käynnistämällä ohjelma uudelleen sillä voi palata virhettä edeltäneeseen tilanteeseen ja kopioida ongelmallinen linkki toiselle selaimelle). Mielestäni virheet johtuvat yleisesti enemmänkin virheellisestä suunnittelusta kuin itse selaimen tekemistä virheistä (lue eräs sitaatti ). Opera on myös hieman herkkä serveriongelmille. Koska se yrittää ladata sivut maksimaalisella nopeudella, se ei huonoissa yhteysolosuhteissa jää odottelemaan yhtä kauan kuin MS IE, mikä voi johtaa ohjelman kaatumiseen.

Opera Software: Press FAQ.

Olen käyttänyt Operaa seuraavista syistä:

Siinä on zoom-toiminto, joka on ikänäköiselle todella hyödyllinen. Yleisimmin käytetyissä selaimissa ei voi suurentaa kiinteäksi määriteltyä tekstiä selaimen pikalikoista. Tekstikoon muutos saattaa vaatia MS IE Windows selaimissa asetuksien muuttamista radikaalillakin tavalla. Näitä muutoksia joutuisi tekemään useaan kertaan erittäin hankalalla tavalla. Hankalasti toteutettavat muutoksetkaan eivät auttaisi, jos tekstit olisivatkin pieniä kuvia.
Operassa on monipuolinen ikkunointi:
- Mahdollisuus käyttää MDI käyttöliittymää (Multi Document Interface), johon kuuluu mm. ikkunoiden vierekkäin asettamisen toiminto (tile - se on versiossa 5.12 käännetty virheellisesti limittäin). Käytän usein kahta rinnakkaista ikkunaa.
- Avatut ikkunat voi tallentaa istuntotiedostoihin (selain tallentaa niihin kaikki ikkunoiden ominaisuudet, kuten zoomaussuhteet ja sijainnit). Kun Operan avaa seuraavalla kerralla, se avaa haluttaessa vaikka kuinka monta ikkunaa yhdellä valinnalla. Uusimmissa selaimissa useamman istunnon avaaminen samalla kertaa avaa useamman kuin yhden käyttöliittymän.
Sen käyttöliittymässä on vakiona painikkeet seuraaville toiminnoille (niiden käyttö on helpompaa kuin MS IE:ssä, jota käyttäjä ei ole kehittelyohjelmalla muokannut):
- Vaihda kuvien lataamisen/näyttämisen ja näyttämättömyyden välillä.
- Vaihda asiakirja- ja käyttäjämuodon välillä. Tällä toiminnolla voi laittaa nopeasti päälle ja ottaa pois päältä käyttäjän tyylisivut (käytän yleensä CSS-tiedostoa jonka voit ladata itsellesi).
- Esikatsele asiakirjaa sellaisena kuin se näyttää tulostettuna/ normaalinäyttö.
Käyttöliittymässä on pudotusvalikko lähes kahdellekymmenelle hakukoneelle (listassa ensimmäisenä on Google).
Merkitsemällä tekstiä ja klikkaamalla hiiren oikeanpuoleista painiketta saa esille mm. toiminnon, jolla merkityn tekstin voi lähettää hakukoneella etsittäväksi.
Operassa on erittäin hyvä muokattavuus. ini-tiedostoja editoimalla voi luoda esim. uusia valikkokomentoja ja pikanäppäimiä (menu.ini ja keyboard.ini). Uusien hakukoneiden lisäämiseen ja vanhojen muokkaamiseen on tehty oma ohjelmansakin, Opera Search.ini Editor.
mini strona Opera PL: Opera Search.ini Editor.

Myönnän toki, että myös MS IE:n käyttöliittymässä on käteviä toimintoja (oletuksena olevan hakukoneen tilalle saa lisäohjelmana tehokkaan hakuohjelman).

Selainkohtaisia vihjeitä

Suosittelen käyttämään versiota 5.12 tai 6.01+, sillä sivustoni ei toimi Opera 3.x-4.x -selaimilla suunnitellulla tavalla (3.x-sarjan selaimissa on myös eräs kaatumisongelma). Versioissa 5.02, 5.10 ja 6.0 on eräs ongelma, minkä vuoksi kyseisiä versioita ei ole syytä käyttää.
Suosittelen käyttämään vierekkäisiä ikkunoita, jossa toisena ikkunana on "sisarikkuna" (). Sisarikkuna ei jää välillä taustalle, mikäli ikkunat asettaa vierekkäin. Opera käyttää omaa ikkunointisysteemiä eikä se ei lataa uudestaan koko käyttöliittymää vaan ainoastaan uuden ikkunan, jossa on yksi työkalurivi (MS IE:n ja Netscapen kanssa joutuu hakemaan avoimet ikkunat Windowsin tehtäväpalkista (tai ALT + TAB näppäimillä), mikä on vaivalloista).. Opera 6.x sarjasta lähtien käyttäjä voi valita yksi-ikkunaisen mallin, jolloin avataan joka ikkunalle uusi käyttöliittymä.
Voit myös limittää (cascade) avoimet ikkunat, jolloin voit hallita yhdellä ohjelmalla suurta avointa ikkunamäärää.
Mikäli sivujen teksti tuntuu liian pieneltä, Operassa on näppärä zoom-toiminto (20%-1000%).
Kokoruutunäyttötila (full screen mode) ei ole tavallinen esitystila vaan erityinen "diaesitystila", jolle olen tehnyt oman CSS:n ja laatinut erityisohjeet.

Opera Software:
What's new in Opera 5.10, XML in Opera.

Tiedossa olevia ongelmia

Uusissa selaimissa ei ole kovin paljon sellaisia CSS2-puutteita, jotka rajoittavat Web-suunnittelua. Löysin kuitenkin kaksi alla mainittua piirrettä, jotka ovat rajoittaneet omaa Web-suunnitteluani:

Operalla ei toimi ollenkaan tai erittäin huonosti pelkästään CSS:n keinoja käyttät dynaamiset alivalikot (ks. mallit ). Tämä ei ole suuri ongelma, sillä niiden tilalla voi käyttää DHTML/ DOM-valikoita, jotka saa oikein suunniteltuna toimimaan myös Operalla. Opera 4.x-6.x:n rajoituksena on se, että dynaamiset valikot täytyy perustua ominaisuuden visilibility arvojen muuttamiseen, sillä ominaisuuden display dynaamiset muutokset eivät toimi.
Opera 7.x vanhemmat veriot eivät tue overflow:auto. Tästä on se rajoitus, että vain IFRAME elementtiä voi käyttää navigointisysteemeissä, joilla tarvitaan vieritystä.
Opera 7.x vanhemmat selaimet eivät tue ominaisuutta cursor, jonka avulla saa joissakin tilanteissa paremman ulkonäön tai informaation kuin vakio-osoittimilla.

Selaimessa on myös seuraavia pienempiä CSS-ongelmia:

Opera tekee satunnaisesti turhia vaakavierityspalkkeja. Useimmiten sivun uudelleen lataaminen auttaa. Mitään käytännön haittaa niistä ei ole, koska sisältö on luettavissa tavallisella näyttöikkunalla ilman rullaamista.
Dynaamiset valikot tulee luoda tietyin periaattein, jotta ne toimisivat optimaalisesti.
Opera tekee HTML-Kit ohjelmalle tekemäni opassivujen kommenttitaulukoissa (esimerkki ) useimpiin oikealla puolella oleviin kapeisiin taulukkosoluihin alareunukset, vaikka ei pitäisi. Asia on korjattu Opera 7.x -selainsarjassa.
Opera lisää kokoruututilassa CSS-sivustossa joskus ylimääräisiä sivukatkoja, jolloin "diat" eivät toimi ihan suunnitellusti.
Vaikka kiinteällä elementeillä on korkein pinotaso niin, että dokumentin muu sisältö pitäisi jäädä niiden alapuolelle, mikään testaamani Opera-selain ei pysty pitämään IFRAME, OBJECT kiinteästi asemoitujen elementtien alapuolella (pinotaso ei toimi minkään selaimen kohdalla upotettuja lisäohjelmia (plug-ins) sisältäviä elementtien kohdalla täysin oikein). Opera 7.x vanhempien selainten suhteen tämä koskee myös eräitä lomakekontrollielementtejä (esim. INPUT).

Lisäksi olen havainnut seuraavia muita toimintaongelmia (Opera 5.12:ssa on vähiten yleisluonteisia toimintaongelmia):

Opera 6.0 kaatuu, jos sivun yläreunassa olevaa eteenpäin tai kielen vaihtavaa linkkiä klikataan. Korjattu Opera 6.01:ssä.
Opera 6.0 ei aina näytä Java-sovelmia (Opera Softwaren oman ilmoituksen mukaan tämä ongelma on korjattu Opera 6.01:ssä).
Opera 5.02 kaatuu Osuuspankin pankkiasiointisivuilla. Näin saattaa käydä muidenkin pankkien sivuilla. Opera 5.10 ja 6.0 versiot eivät kaadu, mutta palvelu ei toimi (ongelmaa ei ole versioissa 5.0, 5.01, 5.11, 5.12 ja 6.01).
Päänavigoinnissa oleva linkki sivun tulostamiseksi ei toimi Opera 5.x ja sitä vanhemissa selaimissa, sillä Opera ei tue erästä JavaScript-komentoa (window.print()). Tämä on lisätty Opera 6.0 Beta 1:een. Vihje. Jos vierailet sivustoilla, joilla on kehyksiä, yksittäisen kehyksen sisällön tulostuksen säätely on mahdollista tulostuksen esikatselun kautta. Tulostuksen esikatselupainikkeen kohdalla se tapahtuu siten, että painikkeen oikeata alareunaa näpäyttäen vaihdetaan tulostutapa.
Versioissa 5.01 ja 5.02 on pieni viive linkin klikkaamisen jälkeen ennen kuin selain alkaa ladata sivua. Sivun kokonaislatausaika on kuitenkin useimmiten pienempi kuin useimmilla muilla selaimilla. Tämä asia on korjattu versiossa 5.10.
Opera saattaa kaatua, jos kesken sivun latautumista vaihtaa näyttöesitysmuotoa F11 näppäimellä.
Koska jotkut sivut ovat hieman ylipitkiä, Opera 3.x-4.x ei välttämättä heti jaksa lukea niitä. Mikäli sivu ei ala latautua, lataa se uudestaan. Paina tarvittaessa ESC-nappia ennen sivun uudelleen lataamista. Tämä asia on korjattu 5.x versiossa.
Opera 3.x-4.x kaatuu, mikäli suljet ikkunan manuaalisesti ja avaat heti uuden ikkunan. Tämä vika on korjattu Opera 5.x:ssä.

Sivun jaksot: