Mobiele website

August schreef:

Eerdere citaten tonen

Aarclay schreef:

Eerdere citaten tonen

August schreef:

Ik heb op deze website een heel simpel .htaccess scriptje gevonden:

http://www.htaccesstools.com/articles/detect-and-redirect-iphone/

Er is nog meer dan een iPhone

Ja maar dat zijn geen echte telefoons

QFT (zolang je iPhones bedoelt)

Aarclay schreef:

Eerdere citaten tonen

August schreef:

Eerdere citaten tonen

Aarclay schreef:

Eerdere citaten tonen

August schreef:

Ik heb op deze website een heel simpel .htaccess scriptje gevonden:

http://www.htaccesstools.com/articles/detect-and-redirect-iphone/

Er is nog meer dan een iPhone

Ja maar dat zijn geen echte telefoons

QFT (zolang je iPhones bedoelt)

Had het eigenlijk over android

Jessee schreef:

Eerdere citaten tonen

Dylan schreef:

Waarom is Google, Facebook etc niet responsive op de computer als je het scherm kleiner maakt maar wel op mobiel?

Omdat ze allemaal mobiele apps hebben? En ook voor tablet. Dan is het juist níet handig om responsive website te maken want

Eerdere citaten tonen

Jponsen schreef:

Eerdere citaten tonen

Stef schreef:

Je kan beter een responsive website maken.

Nee, niet waar. Met een responsive website verplicht je de gebruiker tot het gebruik van een mobiele versie. Met een mobiele versie kan je de gebruiker een keuze aanbieden.

Ik heb steeds vaker dat ik liever een desktop site bezoek dan een mobiele website.

Ik bedoel de zoekmachine Google, daar gebruik ik gewoon mijn browser voor.

Ja die werkt toch prima? Ze hebben daar mobiele sites voor en apps.

toevoeging op 21 april 2015, 15:26:04:

Aarclay schreef:

Eerdere citaten tonen

August schreef:

Eerdere citaten tonen

Aarclay schreef:

Eerdere citaten tonen

August schreef:

Ik heb op deze website een heel simpel .htaccess scriptje gevonden:

http://www.htaccesstools.com/articles/detect-and-redirect-iphone/

Er is nog meer dan een iPhone

Ja maar dat zijn geen echte telefoons

QFT (zolang je iPhones bedoelt)

Waarom zijn iPhones geen echte telefoons? Wat een opmerkingen weer En dan nog steeds blijven klagen dat Apple fanboys alleen op Android klagen.
Imo is het echt veel meer andersom.
"Ja wij kunnen lekker wél alles met onze telefoon bij iOS is alles afgeschermd" en dat soort dingen

Dit is dus de code die ervoor zorgt dat het mobiele verkeer naar een andere website wordt gestuurd.

Codeblok (.htaccess):

1
2
3
4
5

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker|pocket|psp|symbian|treo|up.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^(1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|/(k|l|u)|50|54|e-|e/|-[a-w])|libw|lynx|m1-w|m3ga|m50/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(-|2|g)|yas-|your|zeto|zte-) [NC]
RewriteCond %{REQUEST_URI} !^/voorbeeld/mobieleindex.html/
RewriteRule .* /voorbeeld/mobieleindex.html/ [R]

Alleen de onderste 2 linkjes ff aanpassen

En wat als een gebruiker nu een desktop-versie wilt zien? Ik handel het af in PHP

Aarclay schreef:

En wat als een gebruiker nu een desktop-versie wilt zien? Ik handel het af in PHP

Je maakt 2 verschillende websites.
d.website.nl
m.website.nl

en in de root index zet je een redirect naar d.website, tenzij het een mobiele is.

Kijk eens hier naar:
http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

Gebruik PHP of JavaScript om de user agent te scannen. Met PHP gebruik je $_SERVER[HTTP_USER_AGENT], daarmee kan je stristr() goed benutten.