Hello à tous,
j'aime le partage.
alors, ici l'idée de mon code (je suis certain que le concept existe déjà mais dans le doute de savoir si l'on en parle sur ce site, je vous fais part de mon code), je disais donc, l'idée est pour les gens comme moi qui ont la flemme d'installer un simulateur php sur le pc, mais qui d'un autre coté aime développer des pages css ou javascript séparées de leur(s) page(s) principale(s). (pour pouvoir utiliser le même CSS/JS sur plusieurs pages ou simplement pour s'y retrouver dans leurs unique page qui fait 2.000 lignes de codes). pour ces gens, donc, qui aiment séparer leurs code js ou css et qui veulent tester leurs fichiers en local. rien de tel que les simple ligne d'insertion, ex :
sur une page HTML ..
mais le problème, c'est qu'une fois "en ligne", la plupart des navigateurs ne renouvellent pas assez souvent leurs caches... donc difficle de voir le rendu à jour s'en s'amuser à chaque fois à supprimer le cache, ou bien à paramètrer leurs navigateurs sans cache. (chiant pour les autres sites.) puis si on est plusieurs développeurs, pour montrer son chefs d'oeuvres aux collègues, ils doivent eux aussi supprimer leurs caches .. bref, quand on update 10 fois une page par jour, il est préférable de ne pas faire de fichiers séparés .. en fait SI mais de les inclure dans le code HTML en se servant par exemple d'un include en PHP, ex :
bref, MA solution que je vous propose :
avoir UN seul code malléable sur votre page HTML pouvant être testé localement(sans PHP) avec les 3 fichiers séparés et sur le serveur sans se soucier de problèmes de cache.
sur le serveur créer un fichier PHP (ex: index.php ou ma_page.php) avec uniquement le code suivant :
et sur votre page html, incluez les fichiers JS et CSS comme suit :
vous pouvez maintenant tester votre "ma_page.html" localement ou l'uploader sur votre serveur et la tester en ligne. (en appelant le fichier PHP pour éviter les problèmes de cache)
je sens déjà les critiques venir, mais peu importe, moi j'aime mon idée.
nb: pour le JS vous aurez remarqué que l'include PHP est en commentaire pour ne pas bugger localement. Donc évitez de mettre du code dans votre première ligne de votre fichier JS.
EDIT: l'idée est pour la durée du développement bien entendu, une fois le développement terminé, il va de soit qu'il faut inclure les fichier avec les traditionnelles lignes de code HTML. (pour pas que le visiteurs les rechargent à chaque fois, une fois qu'elles sont stables et ne changent plus 10 fois par jour.)
Modifié par bogs (20 Sep 2010 - 01:50)
j'aime le partage.
alors, ici l'idée de mon code (je suis certain que le concept existe déjà mais dans le doute de savoir si l'on en parle sur ce site, je vous fais part de mon code), je disais donc, l'idée est pour les gens comme moi qui ont la flemme d'installer un simulateur php sur le pc, mais qui d'un autre coté aime développer des pages css ou javascript séparées de leur(s) page(s) principale(s). (pour pouvoir utiliser le même CSS/JS sur plusieurs pages ou simplement pour s'y retrouver dans leurs unique page qui fait 2.000 lignes de codes). pour ces gens, donc, qui aiment séparer leurs code js ou css et qui veulent tester leurs fichiers en local. rien de tel que les simple ligne d'insertion, ex :
<script type="text/javascript" src="js/main.js"></script>
<link href="css/defaut.css" rel="stylesheet" type="text/css" >
sur une page HTML ..
mais le problème, c'est qu'une fois "en ligne", la plupart des navigateurs ne renouvellent pas assez souvent leurs caches... donc difficle de voir le rendu à jour s'en s'amuser à chaque fois à supprimer le cache, ou bien à paramètrer leurs navigateurs sans cache. (chiant pour les autres sites.) puis si on est plusieurs développeurs, pour montrer son chefs d'oeuvres aux collègues, ils doivent eux aussi supprimer leurs caches .. bref, quand on update 10 fois une page par jour, il est préférable de ne pas faire de fichiers séparés .. en fait SI mais de les inclure dans le code HTML en se servant par exemple d'un include en PHP, ex :
<script type="text/javascript" ><?php include("js/main.js"); ?></script>
<style type="text/css"><?php include("css/defaut.css"); ?></style>
bref, MA solution que je vous propose :
avoir UN seul code malléable sur votre page HTML pouvant être testé localement(sans PHP) avec les 3 fichiers séparés et sur le serveur sans se soucier de problèmes de cache.
sur le serveur créer un fichier PHP (ex: index.php ou ma_page.php) avec uniquement le code suivant :
<?php include("ma_page.html"); ?>
et sur votre page html, incluez les fichiers JS et CSS comme suit :
<head>
<!-- HACK JS by Bogs -->
<script type="text/javascript" > // <?php include("js/main.js"); ?></script>
<!-- <?php if (false){ ?>-->
<script type="text/javascript" src="js/main.js"></script>
<!-- <?php } else echo "JS INCLUT EN PHP"; ?> -->
<!-- HACK CSS by Bogs -->
<style type="text/css"><?php include("css/defaut.css"); ?></style>
<!-- <?php if (false){ ?> -->
<link href="css/defaut.css" rel="stylesheet" type="text/css" >
<!-- <?php } else echo "CSS INCLUT EN PHP"; ?> -->
</head>
vous pouvez maintenant tester votre "ma_page.html" localement ou l'uploader sur votre serveur et la tester en ligne. (en appelant le fichier PHP pour éviter les problèmes de cache)
je sens déjà les critiques venir, mais peu importe, moi j'aime mon idée.
nb: pour le JS vous aurez remarqué que l'include PHP est en commentaire pour ne pas bugger localement. Donc évitez de mettre du code dans votre première ligne de votre fichier JS.
EDIT: l'idée est pour la durée du développement bien entendu, une fois le développement terminé, il va de soit qu'il faut inclure les fichier avec les traditionnelles lignes de code HTML. (pour pas que le visiteurs les rechargent à chaque fois, une fois qu'elles sont stables et ne changent plus 10 fois par jour.)
Modifié par bogs (20 Sep 2010 - 01:50)