lundi 2 janvier 2012

Transformez n'importe quel site web en site mobile avec InstantMobilizer !

InstantMobilizer permet de transformer n'importe quel site web en site Mobile...


Je m'en suis servi pour afficher les infos météo de Sint Maarten sur mon blog http://st-martin-meteo-weather.blogspot.com/#sss (plutôt un site web conçu sur la plateforme Blogger...).
En effet, les prévisions météorologiques de St Maarten avaient le gros défaut de ne pas entrer complètement dans un iframe (ou un object ou un div...); et cela me taquinait depuis pas mal de temps...

Comment ai-je fait ?


  1. Je suis donc allé sur InstantMobilizer, j'ai entré l'adresse du site météo de St Maarten et Go! La page demandée s'est affichée en tout petit dans le téléphone de gauche (dans un iframe)... 
  2. ..et il m'a suffit de récupérer avec un clic droit l'adresse de l'iframe. Avec Google Chrome dans Linux, il faut faire un clic droit, puis "afficher le code source du cadre". 
  3. Ensuite, dans la barre de navigation vous obtenez ça: view-source:http://preview.instantmobilizer.com/m.php?imz_preview=1&u=http://www.meteo.an/Forecast_SSS_Gen.asp
  4. Supprimez "view-source", puis "tapez entrée" et le contenu de l'iframe s'affiche en grand. 
  5. Récupérer l'adresse obtenue: http://preview.instantmobilizer.com/m.php?imz_preview=1&u=http://www.meteo.an/Forecast_SSS_Gen.asp 
  6. On peut donc ensuite s'en servir pour créer un iframe adapté à nos besoins....

En réalité, j'ai inclus l'iframe dans un DIV (genre LAYER) avec un décalage négatif:, et ça donne ça:


<html><head><title>SSS Weather Forecast</title></head><body>
<div id="sssforecastdiv" style="width:650px; height:440px; position:absolute; left:10px; top:-340px; z-index:1;"><p><object data="http://preview.instantmobilizer.com/m.php?imz_preview=1&amp;u=http://www.meteo.an/Forecast_SSS_Gen.asp" height="695" scrolling="no" type="text/html" width="100%"></object></p></div>
</body></html>

Depuis le bloc-note, j'ai enregistré ce code dans une page html dans mon dossier "Public" de DropBox.
Pour finir, j'ai copié le lien public de ma page et l'ai affiché à travers un nouvel iframe (oui! encore un!)

Voici le résultat:

Prévisions Sint Maarten - St. Maarten forecast
On remarquera cependant que le texte est un peu coupé en haut du cadre. Mais sur mon blog http://st-martin-meteo-weather.blogspot.com, il n'y a pas de problème. C'est le principal!

InstantMobilizer est dans Outils-Tools

Pour info, je vis dans la partie française de St Martin qui est une petite île des Antilles à environ 270 km au nord de la Guadeloupe. Un peu plus étendue (93 km2) que Belle-île-en Mer, St Martin a la particularité d'être partagée entre la France (Communauté d'Outre-Mer) et Sint Maarten (Antilles Néerlandaises). L'anglais est la langue la plus répandue dans l'île.
Saint-Martin dans Wikipedia

Aucun commentaire:

Enregistrer un commentaire