Keskustelu: Nettisivujen teko: Selaimen nimi viestiin 'selain ei tuettu'

Tämä otsikko ei taida olla kyllä ihan siihen asiaan mitä hain, mutta kuitenkin vaikuttaa samalta.

Sivuni eivät toimi kunnolla kaikilla selaimilla, joten tarvitsisin seuraavanlaisen systeemin:

Jos käyttäjä tulee sivulle esimerkiksi Mozilla Firefoxilla, sivulla näkyy teksi:
"Olet selaamassa sivuja Mozilla Firefoxilla, jonka kanssa sivut eivät toimi kunnolla. Suosittelemme käyttämään Internet Explorer 7"

Jos käyttäjä tulee sivulle Operalla, näkyy sama teksi, mutta Operan nimellä.
Ja jos käyttäjä tulee Internet Explorerilla, tätä viestiä ei näkyisi.

Eli, jos tulee selaimella jonka toimintaa ei ole taattu sivustolla, se näyttää tekstin. Jos saapuu Explorerilla, tämä ei näytä tekstiä.

Tämähän menisi varmaankin (jos näkyy eri teksti) kahteen eri käskyyn, koska se näyttää eri tiedot. En tiedä tästä IF käskystä hölkäsen pöläystä, joten tarvitsen apua.
Tämä saa olla joko selainkohtainen (Jos Mozilla, näyttää Mozilla nimellä, jos Opera, Operan nimellä) tai jollei käyttäjä saavu sivustolle Explorerilla: "Käytät selainta jonka toimivuutta ei ole taattu tällä sivustolla. Suosittelemme Internet Explorer 7"

Tajusittekos, lukijat? ;D

Saat tällä foorumilla aivan varmasti vihat niskoillesi, kun et tue toimivia selaimia ja suosittelet IE:tä, joka on tunnetusti näistä se ainoa, jossa miljoona asiaa toimii väärin ja täysin epäloogisesti. >_>

Voit soveltaa vaikka tätä:

<!--[if !IE]>-->
  <h1><span id="selain">Käyttämäsi selain</span> ei ole IE.</h1>
<!--<![endif]-->
<!--[if IE]>
  <h1>Lolxd läppä käytät jotain IE:tä</h1>
<![endif]-->

Jos haluat vielä sen tekstin selainkohtaisesti, voit JS:llä tonkia selaimen nimen ja tunkea sen paikalleen. Alla on esimerkki, jota voit täydentää valmiilla tunnistuskoodilla.

window.onload = function() {
  var selain = navigator.appName;
  // ks. annettu linkki, jos haluat paremman

  var el = document.getElementById("selain");
  while (el.lastChild) {
    el.removeChild(el.lastChild);
  }
  el.appendChild(document.createTextNode(selain));
}

Tein tämmösen härpäkkeen PHP:llä, ku Operalla ja Mozillalla näyttää osan jutuista erillä lailla:

<?php
$br = $_SERVER['HTTP_USER_AGENT'];
$bro = explode("/", $br);
if($bro[0] == 'Opera') echo "Käytät Operaa, hyvä niin!";
elseif($bro[0] == 'Mozilla') echo "Käytät Mozillaa, ei paras mahdollinen mutta hyvä silti";
else echo "http://opera.com";
?>

Metabolix:

Nää on mun testisivut omalla palvelimella, niin älä huoli - Et näe niitä kuitenkaan :D

Ja kiitos tosta avusta.

Pakko laittaa tähän vielä maininta, että sitten kun sivuja tehdään surffailijalle, on hyvä ottaa asiakaspalveluasennetta. Surffailijan ei ole pakko viihtyä sivuilla, jotka eivät toimi kunnolla. Itseasiassa sivuilla kävijä sulkee sivut oletettavasti todella nopeasti kun siellä täällä repsottaa.

Vaikka sivut kertoisivat, että ne toimivat toisella selaimella, kuin sillä joka on surffailijan käytössä, ei tämä kuitenkaan sitä selainta sivujen tähden vaihda.

Eli lyhyesti.. tee sivut aina toimiviksi käytetyimmillä selaimilla ( IE, Opera, FF ja kenties Safari ).

reca kirjoitti:

Pakko laittaa tähän vielä maininta, että sitten kun sivuja tehdään surffailijalle, on hyvä ottaa asiakaspalveluasennetta. Surffailijan ei ole pakko viihtyä sivuilla, jotka eivät toimi kunnolla. Itseasiassa sivuilla kävijä sulkee sivut oletettavasti todella nopeasti kun siellä täällä repsottaa.

Vaikka sivut kertoisivat, että ne toimivat toisella selaimella, kuin sillä joka on surffailijan käytössä, ei tämä kuitenkaan sitä selainta sivujen tähden vaihda.

Eli lyhyesti.. tee sivut aina toimiviksi käytetyimmillä selaimilla ( IE, Opera, FF ja kenties Safari ).

Mulla meni 6 tuntia ku sain yhen leiskan toimimaan FF:llä ja Operalla samalla tavalla. Lopuksi päädyin sohlaamaan PHP:llä sivun toimivaksi.

http://ankzilla.com/newlay ;D

ankzilla kirjoitti:

reca kirjoitti:

Pakko laittaa tähän vielä maininta, että sitten kun sivuja tehdään surffailijalle, on hyvä ottaa asiakaspalveluasennetta. Surffailijan ei ole pakko viihtyä sivuilla, jotka eivät toimi kunnolla. Itseasiassa sivuilla kävijä sulkee sivut oletettavasti todella nopeasti kun siellä täällä repsottaa.

Vaikka sivut kertoisivat, että ne toimivat toisella selaimella, kuin sillä joka on surffailijan käytössä, ei tämä kuitenkaan sitä selainta sivujen tähden vaihda.

Eli lyhyesti.. tee sivut aina toimiviksi käytetyimmillä selaimilla ( IE, Opera, FF ja kenties Safari ).

Mulla meni 6 tuntia ku sain yhen leiskan toimimaan FF:llä ja Operalla samalla tavalla. Lopuksi päädyin sohlaamaan PHP:llä sivun toimivaksi.

http://ankzilla.com/newlay ;D

Aika on räikeä toi sivusto :D

reca:

Kyllä sillä sitten on väliä, jos laitan ne nettiin.
Testailen vain erillaisia asioita, ja harjoittelen samalla koodaamista.

Rocceri kirjoitti:

Kyllä sillä sitten on väliä, jos laitan ne nettiin.
Testailen vain erillaisia asioita, ja harjoittelen samalla koodaamista.

Niin väärin, alusta asti. :(

reca kirjoitti:

Eli lyhyesti.. tee sivut aina toimiviksi käytetyimmillä selaimilla ( IE, Opera, FF ja kenties Safari ).

Eikö noilla perusteilla tukilista olisi ennemmin (IE, FF, Safari ja kenties Chrome, ehkä vielä Opera?) Suomalaisille kohdistetulle sisällölle sitten (FF, IE, Opera/Safari); tämä siis puhtaasti käyttäjäosuuksien perusteella.

"Käytetyimmillä selaimilla" :(

Miksei niitä sivuja voi tehdä toimiviksi kaikilla selaimilla? Se nyt ei haittaa mitään, jos ulkoasu jollain marginaaliselaimella vähän repsottaakin, mutta ei kai nyt _toimivuuden_ ja _käytettävyyden_ pitäisi niin vaikeita asioita olla.

Yst. terv. Konquerorin käyttäjä

Itsekin lähden siitä että kun teen sivuja niin niiden pitää toimia kaikilla selaimilla ja yleensä testaan että ne myös näyttää hyviltä juuri noilla FF, IE, Opera, Chrome ja Safari. Luultavasti ne näyttää hyviltä konquerorillakin.

Tosin tuosta periaatteesta joustan sen verran, että rajoitetulle käyttäjäkunnalle voi olla lisävaatimuksia. Esimerkiksi juuri yhteen palveluun tein ylläpidon joka toimii vain javascriptia tukevilla selaimilla, koska se käyttää Ajaxia. Ei olisi ollut mitään järkeä tehdä eri logiikalla toimiaa siihen rinnalle. Mutta siinäkin julkinen puoli toimii ilmankin.

http://browsershots.org/ on ystävä.

Grez kirjoitti:

Itsekin lähden siitä että kun teen sivuja niin niiden pitää toimia kaikilla selaimilla ja yleensä testaan että ne myös näyttää hyviltä juuri noilla FF, IE, Opera, Chrome ja Safari. Luultavasti ne näyttää hyviltä konquerorillakin.

Tosin tuosta periaatteesta joustan sen verran, että rajoitetulle käyttäjäkunnalle voi olla lisävaatimuksia. Esimerkiksi juuri yhteen palveluun tein ylläpidon joka toimii vain javascriptia tukevilla selaimilla, koska se käyttää Ajaxia. Ei olisi ollut mitään järkeä tehdä eri logiikalla toimiaa siihen rinnalle. Mutta siinäkin julkinen puoli toimii ilmankin.

Minäkin tähtään tähän, mutta voiko aloittelijalta odottaa 100% koodausta joka toimii joka paikassa? Tuskimpa.

En minä odota sitä edes ammattilaisilta, vai pitäisikö sanoa "ammattilaisilta". Se ei olisi realistista.

Grez kirjoitti:

En minä odota sitä edes ammattilaisilta, vai pitäisikö sanoa "ammattilaisilta". Se ei olisi realistista.

Lähinnä tarkoitin tuota noiden muiden vastauksiin ;) En sinun.