jeudi 28 juin 2007

Maxthon : La solution pour régler tout vos problèmes de compatibilité CSS entre IE6 et IE7./Maxthon : best way to fix IE6/IE7 CSS Compatibility.

max-logo2Tout développeur web connait cette étape fastidieuse qui consiste à rendre son site compatible avec les différents navigateurs du marché. La solution la plus simple pour faire ces tests consiste à installer dans la joie et la bonne humeur tout les navigateurs qui utilisent des moteurs de rendu différent. Bien sur, il existe d’autre solutions ici et , mais cette méthode et à mon gout la plus pratique.

Any Web developer knows this tiresome stage which consists in making its site compatible with the various navigators of the market. The simplest solution to make these tests consists in installing in the joy and good mood all the navigators who use different rendering engines. Off course, you can find various solutions here and there, but this method is to my opinion, still the most practical.

 

Alors vous allez me dire, que viens faire Maxthon dans ce mique-maque, puisqu’il n’est en faite qu’une surcouche d’Internet Explorer. Et bien justement c’est là qu’est tout son intérêt. Le fait que Maxthon ne soit qu’un skin, va nous permettre de pouvoir utiliser les moteurs de rendu d’IE6 et d’IE7 sans avoir à installer les deux navigateurs (Attention, il en faut quand même un au minimum !).

Then you will ask me, what Maxthon has to do with this, since it is only a skin over Internet Explorer. And well precisely it is there that is all its interest. The fact that Maxthon is only a skin, will allow us to be able to use the rendering engines of IE6 and IE7 without having to install both navigators (Be careful, one of them is needed at least!).

 

Comment ça marche !? / How does it Work !?

De façon fort simple, en fait : la pierre angulaire du moteur d’Internet Explorer est logée dans une dll nommée Mshtm.dll. Maxthon fait appel à cette dll pour afficher vos pages en s’accommodant fort bien du fait que vous ayez installé ou IE6, ou IE7 sur votre poste. L’astuce consiste donc à posséder les deux versions de la dll (IE6/IE7) et à les inter-changé à volonté pour pouvoir obtenir les rendu désirés.

In an extremely simple way, in fact: the heart of Internet Explorer’s engine is placed in a DLL named Mshtm.dll. Maxthon calls this DLL to render your pages while adapting extremely well to the fact that you installed IE6, or IE7 on your workstation. The trick consists in having the two versions of the DLL (IE6/IE7) on board and to swap them to be able to get what you want.

 

Toujours dans l’idée de connaitre les différences entre les deux versions d’Internet Explorer, la même technique peut être appliquée à la dll responsable de Javascript (jscript.dll). Comme je l’ai expliqué dans un précédant billet, la version d’IE7 est plus rapide, mais elle se comporte également de façon différente sur certain points. J’ai par exemple constaté que l’event bubbler pouvait passer de l’état de « normal » à « super remifiant limite inutilisable » suivant la façon dont vous l’implémentez sur l’une ou l’autre des version du moteur Javascript.

Keeping in mind to better know the differences between both versions of Internet Explorer, the same technique can be applied to the DLL responsible of Javascript (jscript.dll). As I explained in a previous note, IE7 version is faster, but it also behaves in a different way on certain points. I for example noticed that the event bubbler could pass from the state of “normal” to “super slow near unusable” according to the way you implement it on one or the other version of the Javascript engine.

 

De la théorie à la pratique. / From Theory to practice.

Evidement, je ne vais pas vous proposer de changer les dll à la main, cela deviendrait très vite une corvée qui finirait par vous faire penser que réinstaller les deux versions d’IE sur votre poste n’était pas une si mauvaise idée que ça…

Well, I will not propose to you to manually change the DLL, that would very quickly become boring, which would finish making you think that to reinstall the two versions of IE on your workstation was not a so bad idea…

 

J’ai donc écris un plugin pour Maxthon qui vous permet de changer les dll de façon automatique. Vous pouvez même choisir si vous ne souhaiter intervertir que mshtml.dll ou jscript.dll.

That’s why I have written a plugin for Maxthon which enables you to automatically change the DLL. You can even choose if you to wish to swap only mshtml.dll or jscript.dll.

 

Le plugin ce telecharge ici pour la version 2.x de Maxthon.

Et pour la version 1x.

Plugin for the version 2.x of Maxthon can be downloaded here.

And there for 1x version.

 

Sont utilisation est extrêmement simple, puisqu’une fois installé, vous n’avez qu’a spécifier les dll que vous voulez changer en cliquant sur le « E ».

Ie engine Switcher

Ensuite, un clique sur le gros bouton (qui affiche en permanences les moteurs actuellement au travail) lancera la bascule des dll.

IE switch engine panel

Le navigateur ce ferme est redémarre tout seul.

Un coup d’œil sur le gros bouton vous affiche les nouveaux moteurs en cour.

Using it extremely easy, once installed, you just have to specify the dll that you want to change by clicking on the “E” icon. Then, one clicks on the large button (which show the engines currently at work) will launch the swapping of the DLL. The navigator will close and restart again by is own. A quick check on the large button will show you the new engines currently running.

 

Conseil d’utilisation. / Best practice. 

Mshtml.dll et jscript.dll ont un petit souci : tout le monde les utilise. Il pourra donc arriver que lorsque vous désiriez inter-changé une dll, celle-ci sois déjà en cour d’utilisation par une autre application, ce qui rendra l’opération impossible. Il est donc recommandé de faire ces changements de dll lors du début d’une séance de travail, ou juste après le démarrage de votre poste. Bien évidement vous pourrez toujours ré-intervertir les dlls au cour de la séance, mais la réussite de l’opération restera intimement lié aux programmes qui tournent en même temps que Maxthon.

Mshtml.dll and jscript.dll have a small drawback: everyone like to use them. It will be happen that when you wish to switch a DLL, this one would be already in use by another application, which will make the operation impossible. So, it is recommended to make these DLL changes at the beginning of a working session, or right after you’ve started your workstation. Of course, you will always be able to invert the dlls during the session, but the success of the operation will closely remain related to the programs which run at the same time as Maxthon.

 

Voici donc, une liste non éxostive des softs qui utilisent mshtml.dll et jscript.dll et qu’il sera impératif de fermer avant de procéder à la bascule des dll :

- Expression Web

- Pal talk

- Internet Explorer (qui l’u cru !!)

- Windows live writer

- Svchost (qui par moment ce réserve jscript.dll, ce qui est plus problématique...)

 

Here is, a preview list of software that use mshtml.dll and jscript.dll. Understand that it will be imperative to close those apps before proceeding to the DLL switching:

- Expression Web

- Stake talk

- Internet Explorer (can you believed it!!)

- Windows live writer

- Svchost (which sometime reserve jscript.dll, which is more problematic…)

 

Vous ne devriez donc avoir aucuns problèmes si vous avez ouvert en même temps : Firefox/Safari/Opera ou Dreamweaver (qui utilise le moteur d’Opera)

Voila, bonne amusement avec ce plugin, n’hésitez pas à me contacter pour signaler bugs ou améliorations.

You should not encounter any problems if you opened at the same time: Firefox/Safari/Opera or Dreamweaver (which use Opera’s engine)

That’s all, have a nice time playing with this plugin, and do not hesitate to contact me for bugs report or any improvements.

 

samedi 2 juin 2007

…Pendant ce temps là chez Microsoft…

L’actualité web est extrêmement riche ces derniers jours, et je m’en réjouis. Le Chouchou incontesté de la blogosphère à encore une fois trusté la première place de tous les blogs d’actu téchno avec les rachats de Feedburner, Greenborder et Panoramio, la nouvelle version de Google analytics l’API offline Google Gear (une petite révolution en soit !), le Google Mashup Editor, l’API Mapplet , le nouveau service de recherche avec traduction et les nom breu ses, que dit-je « l’ava lan che » de nouvelles fonctionnalités ajoutés à leur différents services, difficile de voir autre chose que nos p’tit génies de Mountain View.

Pourtant dans un autre petit patelin de l’état de Wachington d’autre gars balaises ne se la laisse pas compter et nous ont pondu pour ce mois-ci quelques produits intéressant : Live Hotmail, Silverlight (le flash/apollo killer), un Virtual Earth en 3D , un I-phone à la française(???!!) , Popfly un service en ligne de mashups , une nouvelle beta de Live Writer le soft de blogging indispensable, une nouvelle beta de Msn Live Messenger et encore une autre beta de leur nouveau client mail : Live Mail . Enfin j’apprend à l’instant que SoapBox le youtube-like de Microsoft rouvre aux publique aujourd’hui .

Voila tout cela c’était juste pour le mois de mai !!! Prochainement vous devriez avoir droit au service de stockage en ligne des amis de Bill, j’ai nommé Live folder, qui est là concrétisation du rachat de Foldershare et dont Google prépare également un projet similaire nommé Gdrive.

Autres news joyeuses : les comptes Hotmail redeviendront gratuitement exploitables sous Outook très prochainement. Egalement dans les cartons : le service qui faisait encore défaut à Ms face à la concurrence : un calendrier en ligne ! Bouclant ainsi la boucle et donnant par la même occasion raison à votre serviteur

Alors que penser de ces cascades de news de la part de deux ténors du monde informatique moderne en mouvement qui bouge…. Que du bien il me semble…

Google toujours à la pointe des frondeurs va peut être encore révolutionné le Web avec l’accès offline. Notez quand même que Microsoft avec sont calendrier en ligne et sont Hotmail de nouveau accessible depuis Outlook arrivera avec son approche desktop radicalement opposé au même résultât (dans le cadre des services mail/calendar évidement !)

Google avec le rachat de GreenBorder va démocratiser la SandBox, techno de geek par excellence et qui, ma foi pourrait bien mettre au placard Antivirus et Anti-spywares.

Coté sécu flicage Microsoft n’est pas en reste puisque la version 8.5 de Msn couplée à leur suite de sécurité Live OneCare permettra de logger toutes les communications de nos tendres chérubins. Argument de poids à notre époque de parano cyber pédophile.

Silverlight la techno RIA de Ms encensée par toute la blogosphère assurera peut être l’avenir de la firme dans le cas ou les OS desktop devait un jour disparaitre. Ce dont je doute fortement temps que les tuyaux du net ne seront pas plus gros et que les services web ne seront pas beaucoup plus rapide. Dans le même ordre d'idée : Si l’avenir n’était ouvert qu’aux applications en ligne, comment expliquer l’engouement que suscite un soft finalement banal comme Writer alors que toutes les plateformes de blog possèdent des éditeurs en ligne ou sont utilisables avec Google doc ??

Enfin la guerre autres nos deux compères aura bien lieu sur les services de mashup avec Popfly pour MS qui laisse déjà loin dernière lui une merveille comme YahooPipes (qui de travaille qu’avec des flux RSS) et Mashup editor de Google qui malgré une approche moins tape à l’œil sera probablement aussi versatile que Popfly…

Rendez-vous est pris d’ici quelques mois pour voir ou tout cela nous emmènera. L’année dernière fut extrêmement riche mais je crois que celle dans laquelle nous somme sera encore meilleure…