1. Install AutoControl: Keyboard shortcut, Mouse gesture
2. Install the native component as the extension asks for
3. Add a new action
4. The trigger is LEFT CTRL and TAB
5. The action is Switch to previous tab

It should now work to switch between tabs using LEFT CTRL + TAB.

The way I found to fix it is to go to the page chrome://flags/#use-google-local-ntp, then I disabled “Enable using the Google local NTP”

var day = "Thursday";
var intlDay = new Intl.DateTimeFormat('en-US', {weekday:"long"}).format(new Date(2019,1,7));
console.log(day === intlDay); // return FALSE with IE
intlDay = intlDay.replace(/\u200E/g, ''); // replace \u200E
console.log(day === intlDay); // return TRUE with IE

The trick is to replace \u200E in the returned string.

After looking for a solution, I found you can use the direct link http://www.iegallery.com/addonsie7/Detail?resourceId=13555 to be able to install Google on Internet Explorer.

function getPageSize() {
  var vw = {width:0, height:0};
  var doc = {width:0, height:0};
  var w=window, d=document, dde=d.documentElement, db=d.getElementsByTagName('body')[0];
  
  // viewport size
  vw.width  = w.innerWidth||dde.clientWidth||db.clientWidth;
  vw.height = w.innerHeight||dde.clientHeight||db.clientHeight;

  // document size
  doc.width  = Math.max(db.scrollWidth, dde.scrollWidth, db.offsetWidth, dde.offsetWidth, db.clientWidth, dde.clientWidth);
  doc.height = Math.max(db.scrollHeight, dde.scrollHeight, db.offsetHeight, dde.offsetHeight, db.clientHeight, dde.clientHeight);
  
  // if IE8 there is a bug with 4px
  if (!!(document.all && document.querySelector && !document.addEventListener) && (vw.width+4 == doc.width) && (vw.height+4 == doc.height)) {
    vw.width=doc.width;
    vw.height=doc.height;
  }
  
   return {vw:vw, doc:doc};
}

getPageSize(); // -> {vw: { width:xxx, height:xxx }, doc: { width:xxx, height:xxx } }

It should work for IE8-IE10 and all modern browsers.

Après avoir fouillé la documentation PHP pour session_cache_limiter, j’ai découvert qu’il suffit d’ajouter session_cache_limiter('private_no_expire, must-revalidate'); au tout début du fichier, avant quoi que ce soit. Et maintenant le retour en arrière fonctionne !

Si vous passez IE9 en mode standard avec Sharepoint vous risquez d’avoir le bouton OK des formulaires qui ne fonctionne plus… Après avoir debuggué le bazar j’ai découvert qu’un des fichiers (“/_layouts/1033/form.js”) Javascript utilise document.frames() au lieu de document.frames[]. Si cela fonctionne sur les anciens navigateurs, ce n’est plus le cas pour IE9 en mode standard, du coup il retourne un “Function expected”.

Il y a deux fonctions incriminées RTE_GetEditorIFrame() et RTE_DD_GetMenuFrame(). Il suffit d’utiliser les commentaires conditionnels pour indiquer que lorsqu’on utilise IE9 alors on remplace ces deux fonctions par :

function RTE_GetEditorIFrame(strBaseElementID)
{
	var ifmEditor=null;
	var doc=document;
	if ((null !=doc.frames) && (doc.frames.length==0) && (doc.parentWindow.parent !=null))
	{
		doc=doc.parentWindow.parent.document;
	}
	if ((null !=doc.frames) && (doc.frames.length > 0))
	{
		var ifmContainer=doc.getElementById(RTE_GetEditorIFrameID(strBaseElementID));
		if (ifmContainer !=null)
		{
			ifmEditor=doc.frames[RTE_GetEditorIFrameID(strBaseElementID)];
		}
	}
	return ifmEditor;
}
function RTE_DD_GetMenuFrame()
{
	var ifmMenu=null;
	var elemMenu=RTE_DD_GetMenuElement();
	if (null !=elemMenu)
	{
		if (document.frames.length > 0)
		{
			ifmMenu=document.frames[g_strRTETextEditorPullDownMenuID];
		}
		else
		{
			if ((document.parentWindow !=null) && (document.parentWindow.frames !=null))
			{
				ifmMenu=document.parentWindow.parent.document.frames[g_strRTETextEditorPullDownMenuID];
			}
		}
	}
	if (null==ifmMenu)
	{
		if (g_fRTEFirstCallToGetMenu)
		{
			g_fRTEFirstCallToGetMenu=false;
			return null;
		}
	}
	return ifmMenu;
}

Ainsi document.frames est bien appelé comme un objet et non comme une fonction !

A noter cependant qu’il existe des tonnes de bugs avec IE9 et Sharepoint 2003/2007. Il est donc conseillé d’utiliser le mode de compatibilité en IE8 si vous ne voulez pas passer des heures à trouver l’origine des problèmes et à les corriger :

<meta http-equiv="X-UA-Compatible" content="IE=8"/>

Pour l’activer il faut appuyer sur la touche F12, seulement, dans mon cas, même si elle apparaissait bien dans la liste des fenêtres ouvertes, quand je cliquais dessus rien ne se passait : elle ne s’ouvrait pas ! La solution consiste à faire un SHIFT + Clic Droit sur la fenêtre puis choisir “Maximize” (ou “Agrandir” en français), et là votre Developer Toolbar va s’ouvrir en grand. Les pré-réglages étant mauvais, la fenêtre s’ouvre dans un étrange mode.

Simple, mais il fallait y penser…

Pour la faire réapparaître, c’est tout simple : il suffit de créer un nouveau groupe d’onglets !

Si vous utilisez la commande mailto dans un lien avec le paramètre body, alors sachez que vous pouvez remplacer les caractères spéciaux par leur équivalent en codage d’URL. Par exemple l’espace ” ” pourra se faire avec %20.
En suivant ce principe, le retour à la ligne se fera avec %0D%0A

Pour tester la version mobile d’Internet Explorer il vous faut installer tout un attirail :
– Virtual PC 2007;
– Gestionnaire pour appareils Windows Mobile 6.1;
– 040C/Windows Mobile 6 Professional Images (FRA).msi (attention de bien prendre la version PROFESSIONAL).

Une fois tout cela installé, il faut procéder à plusieurs étapes :

1. Dans le menu Démarrer, choisissez Windows Mobile 6 SDK, puis Standalone Emulator Images, French et Professional; une fois lancé, cliquez sur File, Configure… puis Network et cochez la case “Enable NE2000 PCMCIA” et prenez votre connexion dans la liste déroulante.
2. Lancez maintenant Device Emulator Manager depuis le menu Démarrer de Windows; une fois lancé, dans l’arborescence, cliquez droit sur ce qui correspond à l’émulateur et prenez l’option “Cradle”.
3. Maintenant lancez le Gestionnaire pour appareil Windows Mobile depuis le menu Démarrer
4. Le gestionnaire devrait détecter votre émulateur et l’ajouter; de là vous pourrez configurer la connexion réseau en suivant cette image :
   
5. Maintenant vous devriez pouvoir lancer Internet Explorer sur votre émulateur et vous devriez avoir accès à Internet !

Il est possible de connaître la version d’Internet Explorer en Javascript en utilisant le User Agent. Cependant, IE8, lorsqu’il est en mode compatibilité, va retourner IE7 quand on l’interroge. Cela peut poser problème. Il existe une solution qui permet de détecter IE8 même dans ce mode spécial, et sans utiliser les commentaires conditionnels :

// retourne un entier (5, 6, 7 ou 8), ou false si ce n'est pas IE
function getIEVersion() {
  if (!!(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1)) {
    var ver = navigator.userAgent.match(/MSIE ([0-9.]+);/);
    if (ver != null && ver[1] != undefined) {
      ver = parseInt(ver[1]);
      if (ver == 7) {
        if (typeof (window.external.AddToFavoritesBar) != "undefined" || 
            typeof (window.external.AddService) != "undefined" ||
            typeof (window.external.AddService) != "undefined") return 8;
      }
      return ver;
    }
  }
  return false;
}

Il existe une extension pour Fireofx, FaviconizeTab, qui permet de réduire la taille des onglets que l’on souhaite pour ne laisser que l’icône du site web visible. Ce qui donne :

Ainsi les sites que je laisse sans arrêt ouvert ne prennent désormais qu’une place réduite dans ma barre.

Je vais faire un autre billet concernant la modification de ces icônes afin d’être averti d’une action particulière (comme sur l’image précédente où mon icône de Yahoo Mail est bleue au lieu de rouge pour m’indiquer que j’ai des messages, ou encore le petit 0 à côté de l’icône de GMail qui m’indique 0 message non lu).

Firefox souligne les mots incorrectement orthographiés en rouge. Un clic droit sur le mot permet de choisir une des propositions, et une option “Ajouter au dictionnaire” offre la possibilité de faire en sorte que Firefox se souvienne du mot. Vous aimeriez accéder à cette liste ? Pour cela, il suffit d’ouvrir le fichier persdict.dat que vous trouverez ici :

Dans ce fichier vous verrez tous les mots ajoutés dans le dictionnaire intégré de Firefox.

(Source: http://labnol.blogspot.com/2006/11/firefox-2-spelling-dictionary-hacks.html)

Linux est un système d’exploitation qui était réservé au geek, mais depuis plusieurs années les distributeurs font en sorte que cet OS soit plus facile à installer et à utiliser. Linux apparaît d’ailleurs de plus en plus comme une alternative à Windows.

Il y a donc plusieurs raisons qui pourraient vous pousser à installer Linux:
– tester pour voir à quoi ça ressemble
– regarder les applications disponibles
– comprendre comment il est configurable
– tester les navigateurs pour vos sites web

Pour entrer dans le monde merveilleux du Pingouin (qui en est la mascotte), vous avez principalement trois solutions:

1. l’installation pure et dure du système en parallèle de Windows, c’est-à-dire que vous choisissez l’un ou l’autre au démarrage de la machine
2. l’utilisation d’un LiveCD qui offre la possibilité de démarrer sur un CD (ou une clé USB) qui contient Linux et ainsi de le tester sans rien installer sur l’ordinateur
3. virtualiser Linux (à l’instar de ce que je vous ai montré l’autre fois pour tester les IE)

Je vais ici vous expliquer le dernier cas. En effet, je connais déjà bien Linux, et l’intérêt majeur pour moi de l’installer est de pouvoir tester Firefox, Epiphany, et autres navigateurs afin de m’assurer du design d’un site web.

Virtualiser Linux dans Windows est simple. Si la dernière fois nous avons utilisé VirtualPC c’est parce que Microsoft fournissait des images déjà prêtes pour leur logiciel. Mais cette fois-ci, nous allons plutôt utiliser VirtualBox. Pourquoi ? Parce que si vous installez Linux (et ici ce sera Ubuntu) dans VirtualPC, alors vous allez avoir une résolution d’écran de 800×600, ce qui n’est pas franchement pratique. Les démarches pour passer en une résolution supérieure sont compliquées et risquées, alors qu’avec VirtualBox il suffit de quelques commandes !

La première chose à faire est donc de télécharger VirtualBox (j’utilise dans cet exemple la version “VirtualBox 2.2.2 for Windows hosts”). Ensuite, il vous faut télécharger une distribution Linux. Il en existe des centaines de versions… Plusieurs sites essaient de vous guider, comme Comment ça marche. Pour notre cas pratique nous prendrons Ubuntu qui est l’une des plus utilisées.
Il vous faut récupérer l’image ISO d’Ubuntu (à l’heure où j’écris ces lignes le fichier est ftp://ftp.crihan.fr/releases/9.04/ubuntu-9.04-desktop-i386.iso).

Une fois téléchargé, ouvrez VirtualBox (que vous aurez déjà installé). Cliquez sur “Nouveau” :

Pour le nom inscrivez “Ubuntu”, et pour système d’exploitation prenez “Linux” et la version “Ubuntu” :

Continuez avec les options par défaut.

Une fois fini vous devriez avoir cela :

Maintenant cliquez sur “Lancer” afin d’activer l’assistant de premier lancement. Celui-ci vous demande ce que vous voulez installer. Choisissez “Disque Optique” et “Fichier Image” en sélectionnant le fichier iso que vous avez téléchargé précédemment (“ubuntu-9.04-desktop-i386.iso”) ;

L’écran d’installation d’Ubuntu va démarrer. Vous n’avez plus qu’à choisir “Français” (avec les flèches) puis de prendre “Installer Ubuntu” :

Laissez les options par défaut proposées. Après plusieurs clics et quelques minutes vous vous retrouvez sous Ubuntu ! Malheureusement vous remarquez que vous êtes en résolution 800×600… Voilà un problème de résolution d’écran qui est simple à régler.

Tout d’abord, vérifiez que vous n’avez aucune image CD chargée. Pour cela, votre bureau Ubuntu doit être vide de toute icône. Si vous voyez une icône en forme de CD avec un nom qui commence par Ubuntu, alors faites un clic droit dessus puis “Ejecter”. Une fois fait, sortez de la machine virtuelle (en appuyant sur la touche “Ctrl” de votre clavier, mais celle qui se trouve à droite), puis aller dans Périphériques > Installer les Additions invité… :

Devrait alors apparaitre une icône avec un CD sur le bureau :

(si ce n’est pas le cas, allez dans Machine > Redémarrage pour redémarrer la machine virtuelle)

Maintenant, dans Ubuntu, allez dans Applications > Accessoires > Terminal. Une fenêtre au fond blanc s’ouvre. Vous allez y taper les commandes suivants :
sudo su
/* entrez votre password défini durant l'installation */
cd /media/cdrom0
./VBoxLinuxAdditions-x86.run
Après quoi le système vous indique qu’il doit redémarrer. Ce qui doit donner :

Pour redémarrer, allez dans Machine > Redémarrage. Une fois le boot terminé, vous verrez Ubuntu avec une résolution d’écran équivalente à la vôtre !

Vous n’avez plus qu’à lancer Firefox pour découvrir le rendu de votre site, et vous pouvez installer d’autres navigateurs pour les tester.

Je vous ai déjà expliqué comment tester votre site sur IE6, IE7 et IE8, et maintenant je vous propose un émulateur pour voir le rendu de votre site sur Opera Mini. Pour cela il suffit d’aller sur http://www.opera.com/mini/demo/ qui offre une applet Java pour tester la version mobile du navigateur.

A noter que je n’ai réussi à voir l’émulateur qu’avec le navigateur Opera…

Quand on crée un site Internet, il faut toujours s’assurer que le rendu est correct. L’exercice devient complexe lorsque l’on souhaite que tout fonctionne pour les différentes versions d’Internet Explorer. Vous n’êtes pas sans censés savoir que, en particulier IE6, les Internet Explorer sont une catastrophe et qu’il faut utiliser des astuces pour rendre ses sites web d’aussi bonne facture sur les autres navigateurs que sur les IE!

Comme il n’est pas possible d’installer plusieurs IE sur une même machine (ou alors en faisant preuves d’astuces plus ou moins réussies), il existe une solution beaucoup plus simple : installer des machines virtuelles faites exprès par Microsoft et qui embarquent différentes versions d’IE !

Pour cela, il suffit d’installer Virtual PC (gratuit). Ensuite, il faut se rendre sur cette page dédiée où on vous propose :
– Windows XP SP3 avec IE6
– Windows XP SP3 avec IE7
– Windows XP SP3 avec IE8
– Windows Vista avec IE7

Vous remarquez que ces images de Windows ont une durée de vie. Une fois la date expirée, vous devrez retourner sur le site pour télécharger une nouvelle image.

Pour installer une machine virtuelle, c’est rapide et simple. Lancez le .exe de l’image Windows téléchargée, et choisissez où vous désirez extraire votre disque dur virtuel. Puis lancez Virtual PC. Une console apparait alors dans laquelle vous cliquez sur “Nouveau”.
Un assistant s’ouvre. Sélectionnez la première option (“Créer un ordinateur virtuel”). Donnez un nom à l’ordinateur (par exemple “IE6 XPSP3”). Ensuite choisissez une configuration par défaut (ici “Windows XP”). A l’étape suivante vous pouvez modifier la quantité de mémoire (pour XP je mets 256Mo au lieu des 128Mo proposés).
Enfin, à l’étape suivante, utilisez un disque existant, et en l’occurrence celui que vous avez extrait du fichier téléchargé précédemment (dans mon exemple “XP SP3 with IE6 2008-Dec.vhd”).
Et voilà !

La console de Virtual PC vous offre alors Windows XP avec IE6. Cliquez sur Démarrer, et Windows va se lancer dans une nouvelle fenêtre. Vous n’aurez plus qu’à ouvrir IE6 et à vous balader sur votre site web pour considérer votre rendu.

Puisque j’en suis à parler de Firefox, autant continuer sur ma lancée. Je vais vous présenter quelques extensions que je trouve particulièrement intéressantes, voire même indispensables pour certaines.

Personas (niveau: débutant)

Un des derniers modules de Firefox qui vient de sortir et qui vous permet, d’un mouvement de souris, de modifier l’apparence de votre navigateur. Des centaines et des centaines d’habillages sont proposés. C’est inutile mais donc totalement indispensable, et c’est avant tout pour avoir un navigateur personnalisé qui fait beau lorsque nos amis viennent consulter leurs emails Hotmail à la maison

Obtenir Personas

________________________________________________________________________
Dictionnaire (niveau: débutant)

Lorsque vous écrivez dans une zone de texte il est bien appréciable que Firefox souligne en pointillés rouges les mots mal orthographiés et vous propose des corrections. On fait ainsi moins de fautes. Pour cela vous pouvez installer un des deux dictionnaires français proposés (il me semble que celui noté “réforme 1990” est le plus récent).

________________________________________________________________________
Protégez votre vie privée de Google (niveau: débutant)

On partage déjà beaucoup d’informations sur notre vie privée via les blogs, les réseaux sociaux, les sites de partage etc. Cette fois Google va un peu plus loin car le géant va se servir de vos recherches et des sites que vous visitez pour connaître vos habitudes, et ainsi vous proposer des publicités ciblées sur tous les sites ayant une publicité AdSense (autant dire tous les sites!).
En gros, si vous allez souvent sur lequipe.fr et que vous cherchez régulièrement des mots en rapport avec le sport, alors Google va vous catégoriser dans “aime le sport”, et vous allez voir plus de publicités concernant le sport là où vous irez.
Afin d’éviter cette intrusion dans votre vie privée, et l’utilisation pour des tiers, Google met à la disposition des utilisateurs d’Internet Explorer et Firefox un plugin que je vous encourage à installer.

________________________________________________________________________
CustomizeGoogle (niveau: débutant)

Ce module vous permet de personnaliser les résultats de Google en supprimant la publicité, en ajoutant la suite de la recherche au fur et à mesure que vous descendez dans la page, en proposant des liens alternatifs, et bien d’autres choses. Il fonctionne pour la recherche simple, mais aussi pour la recherche d’images, pour les news, et les autres services de Google. Il est facilement configurable et a beaucoup d’options.

________________________________________________________________________
DownloadHelper (niveau: intermédiaire)

Cette extension va vous permettre de télécharger une vidéo (ou une musique) que vous êtes en train de visionner/écouter sur une page web. DownloadHElper est capable de trouver les médias présents et vous les propose dans un menu. Il suffit de choisir celui qu’on veut et le téléchargement commence sous peu.
Il est simple à utiliser. Je vous invite à l’installer et à lire les instructions.

________________________________________________________________________
GreaseMonkey (niveau: intermédiaire)

Ce merveilleux module va vous permettre, en y incorporant des scripts tiers, d’ajouter des fonctionnalités à vos sites préférés. Par exemple celui-ci qui vous permet de passer automatiquement la page de publicité qui apparaît lorsque vous allez sur le site d’AlloCiné, ou bien encore celui-ci qui empêche les vidéos de YouTube de se lancer automatiquement au chargement.
On trouve donc sur http://userscripts.org/ des milliers de scripts. Mais vous pouvez aussi faire les vôtres (d’ailleurs mon GreaseMonkey contient majoritairement des scripts fait-maison).
A noter l’existence de Grasefire qui vous indique, sur chaque site visité, si des scripts Greasemonkey existent.

Obtenir GreaseMonkey.

________________________________________________________________________
Session Manager (niveau: intermédiaire)

SessionManager va vous permettre de sauvegarder les tabulations ouvertes pour les réouvrir à un autre moment. De plus, lorsque Firefox plante, SessionManager propose les tabulations de votre dernière session et c’est à vous de choisir lesquelles vous souhaitez réouvrir (cela permet par exemple de zapper celle qui a provoquée le crash).
Depuis que Firefox gère la réouverture des derniers onglets fermés, cette extension est moins utile, mais je m’en sers encore très régulièrement (par exemple pour sauver tout un tas de tabulation sque je souhaite reconsulter plus tard, ou encore lorsque Firefox crash justement).

________________________________________________________________________
ColorZilla (niveau: expert)

Si je classe ce module dans expert, ce n’est pas pour sa complexité d’utilisation (bien au contraire!) mais pour l’utilisation qu’on peut en avoir. En effet, depuis que je l’ai, je m’en sers principalement lorsque je code du CSS et que je cherche une teinte particulière.
ColorZilla offre une pipette qui vous permet de récupérer le code de n’importe quelle couleur d’un site. Très pratique!

________________________________________________________________________
Firebug (niveau: expert)

C’est THE extension à avoir! Totalement indispensable, Firebug permet de débugguer n’importe quelle page en ayant accès au DOM, aux propriétés CSS, à une console Javascript, et bien d’autres choses. Depuis que je l’ai je ne peux plus m’en passer !

On notera que pour Internet Explorer vous pouvez utiliser une version lite de Firebug. Bien moins de fonctionnalités, mais ça aide quand même.

________________________________________________________________________
Web Developer (niveau: expert)

Moins utile que Firebug, la toolbar Web Developer a tout de même quelques fonctionnalités bien pratiques comme l’affichage de tous les javascript de la page, ou encore de tous les CSS, ou le code source “final”, le redimensionnement de la fenêtre (pour s’adapater à un écran 800×600 par exemple), etc. C’est sans aucun doute un excellent complètement de Firebug.

________________________________________________________________________
Il existe d’autres extensions, plus ou moins utiles (comme Hide Find Bar qui cache la barre de recherche au bout de quelques secondes), mais j’ai exposé ici celles que j’utilise le plus au quotidien. Laissez en commentaires celles que j’ai pu oublier

J’ai eu l’occasion ce week-end de réinstaller Firefox chez un ami. J’en ai profité pour lui apprendre quelques raccourcis claviers/souris qui peuvent faire gagner du temps. J’ai souvent remarqué que les gens ne les connaissent pas. Voici de quoi vous rattraper:

– CTRL + T : ouvre un nouvel onglet
– CTRL + L : donne le focus à la zone d’adresse (là où vous entrez l’adresse du site)
– CTRL + E : donne le focus à la zone de recherche (les navigateurs sont maintenant dotés d’une boite de recherche qui évite d’aller sur le site de Google/Yahoo/Autre et donc fait gagner du temps)
– CTRL + SHIFT + T : réouvre le dernier onglet fermé
– CTRL + clic souris sur un lien : ouvre le lien dans un nouvel onglet

Vous avez une souris avec une molette ? Alors saviez-vous qu’en cliquant sur la molette lorsque sur vous êtes sur un onglet, cela provoque sa fermeture ? Et que si vous cliquez sur la molette lorsque vous êtes sur un lien, cela ouvre le lien dans un nouvel onglet ?

A noter que cela marche sous Internet Explorer (au moins à partir de la version 7) et sous Firefox, et certainement sur les autres navigateurs modernes.