Bonjour à tous, j'ai récemment mis en ligne mon site web, j'ai donc essayé d'y accéder depuis mon téléphone mais rien n'y fait
Safari m'indique qu'il n'arrive pas à télécharger le contenu et Google chrome : Impossible de télécharger le fichier.
Il y a t'il une manipulation spéciale à faire qui permet à un site d'être vu sur mobile, ou une ligne à ajouter/modifier dans les déclarations?
Pour info j'utilise le twitter bootstrap et le responsive design fourni.
Merci d'avance !
21 réponses
Salut je te répond en me référent à cette page: [url=http://twitter.github.com/bootstrap/scaffolding.html#responsive]http://twitter.github.com/bootstrap/scaffolding.html#responsive[/url] Verifies bien que tu n'utilises pas l'une des classes suivantes: - .visible-phone - .visible-tablet - .hidden-desktop Sinon aurais tu une adresse ou consulter ta page d’accueil ou au mieux nous fournir le code, merci :)
Salut, voilà je te joints le contenu de mon head
Et non je n'ai pas utilité ces classes ...
Merci d'avance !
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="<?php echo Router::webroot('js/jQuery/jquery.js'); ?>"></script>
<script type="text/javascript" src="<?php echo Router::webroot('js/application.js'); ?>"></script>
<script type="text/javascript" src="<?php echo Router::webroot('js/bootstrap.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo Router::webroot('js/bootstrap-datepicker.js'); ?>"></script>
<script type="text/javascript" src="<?php echo Router::webroot('js/jQuery/jqueryui/jqueryui.js'); ?>"></script>
<link rel="stylesheet" type="text/css" href="<?php echo Router::webroot('css/style.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo Router::webroot('css/bootstrap-responsive.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo Router::webroot('css/datepicker.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo Router::webroot('css/jqueryui/jqueryui.css'); ?>">
<link rel="icon" type="image/png" href="<?php echo Router::webroot('img/favicon/favicon.ico'); ?>" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="<?php echo Router::webroot('img/favicon.ico'); ?>" /><![endif]-->
</head>Normalement il y a cette ligne à ajouter:
<meta name="viewport" content="width=device-width">Ça ne change rien, je n'arrive même pas à voir un bout du site, dès que je valide l'url Safari ou Chrome se mettent à chercher et au bout d'une seconde me renvoi une erreur me disant : "N'a pas réussi à télécharger le fichier"..
Pourtant je ne fais rien télécharger à l'utilisateur..
Voila ce que j'ai ajouter mais ça ne marche toujours pas...
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="fr">
<meta http-equiv="content-language" content="fr">Met tes scripts à la fin de ta page, juste avant le body déjà, ça évitera que le navigateur ait à télécharger les données qui sont assez lourdes avec d'afficher la page. Ensuite 4 css sur la page c'est pas très commode. Met un titre au link de la feuille de style css pour dire qu'il est le fichier principale. Dans ton link tu rajoutes genre title="Style" par exemple.
Matthias , ca n'a rien à voir mais utilises HTML5 (change juste ta balise DOCTYPE en <!DOCTYPE html>)
Pour ce qui est de ton problème pourrais tu vérifier que le code généré par ta page est correct (une fois que tu affiches ta page, clique droit -> afficher code source) et vérifie que ta balise body existe bien
ensuite essait de créer une page simple genre
<!DOCTYPE html>
<html>
<head>
<title> test</title>
</head>
<body>
<h1>Test</h1>
<p> test test test test test test test test test </p>
</body>
</html>et vérifie que tout s'affiche, peut être que le problème ne viens pas du contenu mais du serveur ou de ton dispatcher :)
Salut BenFarhat, merci de ton aide !
Sinon, j'ai essayé donc avec une page simple, mais ça ne change rien, le site ne charge absolument pas, toujours la même erreur !
Pour le serveur je suis chez ovh avec un hébergement pro, faut il effectuer une manipulation sur le manager ou autre?
Aussi, pour le site j'ai réalisé mon site grâce au tuto de A à Z je te colle mon Dispatcher ci-dessous,
<?php
class Dispatcher{
var $request;
function __construct(){
$this->request= new Request();
Router::parse($this->request->url, $this->request);
$controller = $this->loadController();
$action = $this->request->action;
if($this->request->prefix){
$action = $this->request->prefix.'_'.$action;
}
if(!in_array($action,array_diff(get_class_methods($controller), get_class_methods('Controller')))){
$this->error('Le controller '. $this->request->controller. ' n\'a pas de méthode '. $action);
}
call_user_func_array(array($controller,$action), $this->request->params);
$controller->render($action);
}
function error($message){
$controller = new Controller($this->request);
$controller->Session = new Session();
$controller->e404($message);
}
function loadController(){
if(!$this->request->controller){
$this->request->controller = 'Annonces';
}
$name = ucfirst($this->request->controller).'Controller';
$file = ROOT.DS.'controller'.DS.$name.'.php';
if(!file_exists($file)){
$this->error('Le controller '. $this->request->controller. ' n\'existe pas.');
}
require $file;
$controller = new $name($this->request);
return $controller;
}
}
?>Je suis perdu... Merci!
Essai de "commenter" (dans le sens enlever temporairement) la ligne 23 de ton dispatcher (juste au cas ou, session et erreur??? je vois pas trop l'intéret)
puis les lignes 28,29,30 je la joue au pif vu que j'ai pas fait le tuto mvc mais en rapport au test if(!$this->request->controller) faudrait voir ce que ta classe Request (ligne 28) et Router (ligne 8) rendent quand une page n'existe pas (il faudrait peut être changer ca par un test via isset... ou empty)
bref.... si après avoir enlever les lignes 28,29 et 30 ton site ne fonctionne toujours pas la dernière piste serait l'htaccess (en fait en l'écrivant j'me dis que ce devrait être la première :)
j'attend le resultat :)
Salut, pour les lignes 28, 29 et 30 j'ai utiliser ce test lors de la phase de développement pour rediriger automatiquement lors d'une erreur vers le controller annonce qui contient en fait ma page d'accueil !
Pour .htaccess voilà ce qu'ils contiennent :
pour la racine
RewriteEngine On
RewriteRule (.*) webroot/$1 [L]et pour le dossier webroot
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule (.*) index.php/$1 [L]J'avance j'avance dans la résolution !
Voilà à partir de maintenant lorsque je tappe l'url de mon site sur mon "iphone" ce dernier m'affiche une page blanche avec le titre de la page et un lien pour telecharger cette page.
J'ai essayé, je l'ai ouvert avec Dropbox et j'ai bien le code source de la page ! Kezako?
C'est peut être ton iphone qui bug!
Tu pourrais tester avec un android genre galaxy note ou SII SIII si un copain, voisin ou membre de la famille a ca!
sinon il y a également un plugin qui te permet de changer d'agent, de faire passer ton navigateur pour autre chose qu'il est par exemple un iphone
sur firefox tu as ca: https://addons.mozilla.org/fr/firefox/addon/user-agent-switcher/
Retour sur les tests, sur 3 iphone impossible de lire et sur un galaxy SII la meme chose..
Il lance un téléchargement..
Je désespère ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-Type" content="text/html; charset=utf-8">
<meta http-equiv="content-language" content="fr">
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=0.25" />
<link rel="stylesheet" type="text/css" title="Style" href="http://www.cumavalleeduthon.fr/css/style.css">
<link rel="stylesheet" type="text/css" href="http://www.cumavalleeduthon.fr/css/bootstrap-responsive.css">
<link rel="stylesheet" type="text/css" href="http://www.cumavalleeduthon.fr/css/datepicker.css">
<link rel="stylesheet" type="text/css" href="http://www.cumavalleeduthon.fr/css/jqueryui/jqueryui.css">
<link rel="icon" type="image/png" href="http://www.cumavalleeduthon.fr/img/favicon/favicon.ico" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="http://www.cumavalleeduthon.fr/img/favicon.ico" /><![endif]-->
<title>CUMA de la Vallée du Thon</title>
</head>
<body>
<div class="container-fluid fluidstyle">
<div class="navbar navbar-static-top" style="margin-left:-5%;margin-right:-5%;">
<div class="navbar-inner innerstyle">
<a class="brand" href="http://www.cumavalleeduthon.fr">CUMA de la Vallée du Thon</a>
<ul class="nav">
<li></li>
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span2">
</div>
<div id="span10" class="span10" style="min-height: 800px;">
<div style="position:absolute;left:20%;right:20%">
<div class="page-header">
<h2><center>Bienvenue sur le site de la CUMA de la Vallée du Thon</center></h2>
</div>
<div class="control-group">
<form class="form-signin" action="http://www.cumavalleeduthon.fr/users/login" method="post">
<h2 class="form-signin-heading">Connexion</h2>
<input type="text" name="login" class="input-block-level" placeholder="Nom d'utilisateur">
<input type="password" name="password" class="input-block-level" placeholder="Mot de passe">
<label class="checkbox">
<a href="recup">Mot de passe oublié ?</a>
</label>
<button class="btn btn-large btn-primary" type="submit">Connexion</button>
</form>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="http://www.cumavalleeduthon.fr/js/jQuery/jquery.js"></script>
<script type="text/javascript" src="http://www.cumavalleeduthon.fr/js/application.js"></script>
<script type="text/javascript" src="http://www.cumavalleeduthon.fr/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://www.cumavalleeduthon.fr/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="http://www.cumavalleeduthon.fr/js/jQuery/jqueryui/jqueryui.js"></script>
<script type="text/javascript">
var hauteur=document.getElementById("span10").offsetHeight;
document.getElementById("menu").style.height=hauteur+"px";
</script>
</body>
</html>Merci d'avance,
Je suis sur hébergement ovh est-ce qu'il faut activé une option quelque part?
Wow :)
Bien que je suis allergique à tous ce qui n'est pas HTML5, j'ai rarement vu du code aussi bien écrit
et pour ton cas j'ai essayer avec un android et ca fonctionne, j'ai émulé avec l'agent iphone 3 ca fonctionne également, mais bon mes test sont ridicule vu que j'ai juste pris la définition du doctype html content-type etc.. et le code pure bootstrap du body
et j'ai voulu tester ton site mais il n'est pas en ligne!
C:\Users\benfarhat>ping www.cumavalleeduthon.fr
Envoi d_une requête 'ping' sur cumavalleeduthon.fr [213.186.33.17] avec 32 octets de données :
Délai d_attente de la demande dépassé.
Délai d_attente de la demande dépassé.
Délai d_attente de la demande dépassé.
Délai d_attente de la demande dépassé.
Statistiques Ping pour 213.186.33.17:
Paquets : envoyés = 4, reçus = 0, perdus = 4 (perte 100%),tu n'as sur ton portable pas l'affichage du titre???
Sur le téléphone je n'ai rien du tout, la page ne charge pas et il s'écrit : Impossible de télécharger la page...
Comment est-ce possible que je puisse accèder au site sur les pc que j'utilise alors que je n'arrive pas à le ping correctement?
le lien www.cumavalleeduthon.fr n'est pas accessible via le ping car nous ne sommes pas connecté =)
commente
<div class="navbar" style="margin-left:4%;margin-right:4%;">
<div class="navbar-inner" style="border-radius: 0px 0px 5px 5px;">
<a class="brand" href="http://www.cumavalleeduthon.fr">CUMA de la Vallée du Thon</a>
</div>
</div>qui n'est pas dans le body
commente
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=0.25" />remplace par
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />Ton design n'est pas responsive pour le moment :p (petit test en réduisant ma fenêtre, j'ai le scroll en largeur qui apparait rapidement).
Toujours le même probléme j'ai l'impression...
Je viens même d'essayer en retirant la redirection automatique quand le visiteur n'est pas connecté, rien n'y fait.
bah tu vas devoir commenter tes ligne jusqu'a voir ton problème :p
enlève tous ce qui est style. Normalement il n'y a aucun probleme avec le php car si ça marche sur pc, ça marche sur mobile. c'est le visuel qui "merde"
J'ai une question.. Est-ce que ça ne serai pas dû au fait que la page est redirigé vers une page de connexion a l'arrivée sur le site ?
(Tuto site web de A à Z)
Parce que on ne peut pas le ping, on ne peut pas le speed test google ...
ça pourrait être lié ? :/
J'ai le même type de site pour une site de gestion d'entreprise et je n'ai aucun problème pour l'afficher sur mobile, j'ai ma redirection user/login. Je ne pense pas que ça vient de là. Peut etre du js ou autre dans ton template.