js für mobile Seite

rernanded

Erfahrenes Mitglied
Hallo,
wenn ich unten stehendes js auf einer Seite nutze und diese direkt im Smartphone aufrufe, dann hat die Seite sofort das korrekte Format und läßt sich auch nicht verkleinern oder verschieben.
Komme ich verlinkt auf die selbe Seite dann muß ich erst mit doppeltem Fingertipp vergrößern und kann den angezeigten Inhalt verschieben etc.
Woran liegts, gibt eine bessere Lösung?

MONI


HTML:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="view" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>
<title>...s.de - mobile Version</title>
<style type="text/css">
/* <![CDATA[ */
a:link,a:visited,a:hover {color:#0033CC;text-decoration:none}
.videoListItem:active {background:#EEE}
.videoListItem:hover {cursor:pointer;background:#EEE}
/* ]]> */
</style>
<script type="text/javascript">
/* <![CDATA[ */
if(typeof ytm == "undefined") var ytm = {};
ytm.startTime = new Date().getTime();
ytm.iref = {};
ytm.nextiref_ = 1;
ytm.isOn3g_ = function() {
if (navigator.connection && navigator.connection.type) {
return navigator.connection.type != navigator.connection.WIFI;
}
return 0
};
ytm.sendPlaybackPing = function(vid, fmt, feature) {
setTimeout(function() {
var img = new Image();
var id = ytm.nextiref_++;
ytm.iref[id] = img;
img.onload = img.onerror = function() {
delete ytm.iref[id];
};
img.src = "/gen_204?"+[
"app=mobile_version",
"el=",
"feature="+feature,
(fmt ? "fmt="+fmt : ""),
"gl=DE",
"hl=de",
"on3g="+(ytm.isOn3g_() ? 1 : 0),
"plid=",
"ps=mobile",
"rdm="+(new Date().getTime()%10000),
"video_id="+vid
].join("&");
img = null;
}, 0);
return true;
};
var pos = window.location.href.indexOf('#/');
if (pos > 0) {
window.location.replace('//' + window.location.host + window.location.href.substr(pos + 1));
}
/* ]]> */
</script>
</head>
<body>...
 
Code:
<meta name="view" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>

das hier ist schuld -> kein Javascript/AJAX
 

Neue Beiträge

Zurück