Étiquette : web

Tester rapidement du code JavaScript avec Firefox

Ardoise JavaScript de Firefox

Vous voulez tester du code JavaScript (de plus de 1 ligne) rapidement (juste le temps de l’écrire) sans devoir monter une page HTML de test ? Firefox a pensé à vous avec son « Ardoise JavaScript« .

Depuis la version 33 de Firefox si vous appuyez sur les deux touches « Maj+F4 » ou sur le menu « Outils/Développement Web/Ardoise JavaScript » la fenêtre de test de « Ardoise JavaScript » s’affiche :

Ardoise-JavaScriptCette « Ardoise » va vous permettre de tester directement du code JavaScript. Vous pourrez aussi charger un fichier JavaScript et même formater votre code.

De plus, Ardoise vous offre les fonctionnalités suivantes:

  • formatage de code
  • complétion
  • auto-fermeture des parenthèses, accolade,
  • ajout automatique de guillemets, quottes (énervant à mon gout 😉
  • touche similaire aux éditeurs vim, Emacs, Sublime Text (voir la clé « devtools.editor.keymap »  de l’adresse « about:config« )

quelques astuces d’utilisation

Afficher la console

Appuyer sur les touches CTR+MAJ+J, sinon afficher l’outil de développement de Firefox en appuyant sur la touche F12, puis onglet « Console« .

Cas d’usage détourné

Le code s’exécute dans l’environnement de l’onglet actif de Firefox, C’est donc aussi un moyen pour extraire des données d’une page HTML 😉  En voici un exemple  d’application :

//charger le l'url suivante :https://www.qwant.com/?q=piradix&t=web

var nbFind = 0;
var list = document.getElementsByClassName('result--web--title');
for (var i=0; i<list.length; i++) {
  var s = list[i].innerHTML;
  if (s.toLowerCase().indexOf('piradix') >= 0) {
    nbFind++;
  }
}
alert('Nombre page contenant en titre \"piradix\" : ' + nbFind+"/"+list.length);

Sources

Vous trouverez la documentation en Français de « Ardoise JavaScript » sur https://developer.mozilla.org/fr/docs/Outils/Ardoise

 

Les sites web publics de cartographie

Tout le monde connait « Google Map » le service web de cartographie de la Terre.  Cependant il n’est pas le seul et il n’est surement celui qui a le plus de fonctionnalités.
Tous les grands concurrents de Google ont leur carte (Microsoft, Apple), ainsi que la France avec son « GeoPortail« .

En voici une liste :

Nom Description + Site Web
Apple maps Le service de carte d’Apple.
Ne fonctionne que sous IOS !Web : http://www.apple.com/ios/maps/
Bing cartes Le service de carte vue par Microsoft.
Il est toujours en bêta en 2016 !
En plus des vues cartographiques (route) et satellitaires, il propose des vues aériennes, des photos et des vues depuis la rue « streetSide »Web : http://www.bing.com/mapspreview
Google Map Le service de carte de Google.
Il propose des vues cartographiques (route) et satellitaires, vues depuis la rue « StreeMap », affichage du trafic routier.
C’est le site web grand public de carte temps réel le plus complet que je connaisse.https://www.google.fr/maps
GeoPortail Carte de la France, gérée par l’IGN.
Ce service regroupe toutes les données publiques de cartographie de la France : Parcelles cadastrales, Potentiel solaire, carte littorale, Topographie …
Il ne propose pas de vue depuis la rue ou du trafic routier, ou tout autre donnés temps réels.Web : http://www.geoportail.gouv.fr/accueil
OpenStreetMap C’est l’unique site de carte entièrement libre.
Par contre, vous ne trouverez pas de vue satellite ou de trafic routier.
Vous pouvez aussi y contribuer…Web : http://www.openstreetmap.org/#map=5/51.500/-0.100

Traduction en ligne de textes ou sites web

Si vous pouvez avoir des difficultés à lire un site dans une autre langue que la vôtre, ou vous voulez traduire votre site web, il existe des sites web d’aide à la traduction.
Ces sites web ne doivent pas être considérés comme de vrais traducteurs, mais comme des aides à la traduction. De plus, ils sont très génériques et s’adaptent mal à certains types de contexte.

Actuellement sur le Web j’ai repéré que deux types de technologie de traduction :

  • « Systranet » de Systran, précurseur de la traduction. Technologie initialement utilisée par la NASA.
  • « Google traduction »  de Google
Nom Technologie Description
Google traduction Google Google traduction

Il offre plusieurs services :

  • traduction de texte
  • traduction de fichier
  • traduction de site web
  • intégrable le dans votre site web
  • choix de la langue
  • affichage de dictionnaire de traduction sur mot
  • possible de proposer une traduction

Web : https://translate.google.fr

Systranet

 

Systran Systranet

Il offre plusieurs services :

  • traduction de texte
  • traduction de fichier, dont RSS (nécessite un compte)
  • traduction de site web
  • intégrable le dans votre site web (nécessite un compte)
  • choix de la langue
  • dictionnaire

Web : http://www.systranet.com/fr/web

Traduction d’Orange Systran Traduction Orange

Intégration du traducteur de Systran par Orange, avec de la publicité en plus.

Il offre plusieurs services :

  • traduction de texte
  • traduction de site web
  • choix de la langue

Web: http://traduction.orange.fr/

Free WebSite Translation Google « Free Web Site TRANSLATIONS »

Il offre plusieurs services :

  • traduction de site web
  • choix de la langue
  • intégrable le dans votre site web. Très simple d’intégration.

Web : http://free-website-translation.com/?fr

Worldingo Systran ? Worldingo

Il offre plusieurs services :

  • traduction de texte
  • traduction de fichier
  • traduction de site web
  • envoie d’email
  • choix de la langue
  • API

Il semble être basé sur le moteur de traduction de Systran.

Web  : http://www.worldlingo.com/fr/websites/url_translator.html

Honte à Google

Arrêtez d’utiliser Chrome , Google

Pourquoi ?

Si vous lisez l’article suivant qui révèle que Google a fraudé sur les résultats de recherche pour afficher ses services au détriment des autres moteurs.

Vous comprendrez que pour Google tout est bon pour faire passer ses services avant les autres.

Donc si vous utilisez Chrome, qu’est-ce qui empêche Google de vous espionner ? De vendre vos informations personnelles, de vous afficher des publicités alléchantes sur lesquelles vous avez du mal à ne pas dire non ?

Idem pour leur moteur de recherche, en particulier si vous utilisez Chrome (eh oui Chrome envoie vos données de navigation à Google sans rien vous demander) !

La conclusion, c’est que vous devez rapidement changer de navigateur Internet. Pour ma part, j’ai un faible pour Firefox 😉

 

 

Nouveautés de Firefox 45 avec images

Beaucoup de sites d’information vous indiquent les nouveautés de Firefox 46,  mais aucun de vous n’indique comment y accéder. De plus sur le site de Mozilla il n’est pas facile de trouver la liste des nouveautés (le site est beau, mais il donne l’impression de ne pas contenir grand-chose 😉

Donc voici avec des images et des liens les nouveautés de Firefox 46 :

  • Affichage d’une vue des onglets ouverts sur vos autres appareils utilisant Firefox Sync.
    Comme vous pouvez le voir en cliquant sur l’icône « onglet » Firefox m’affiche les pages web ouvertes sur mes 3 autres appareils qui utilisent « Sync ».
    La documentation est ici.

Affichage des onglets ouvert sur d'autre appareil

  • La complétion dans la barre d’adresse tient compte des onglets synchronisés.
  • Vous trouverez de la documentation en Français ici.

completion sur barre d'addresse

  • Hello support maintenant le partage d’onglet. Enfin vous allez pouvoir montrer à votre correspondant la page web que vous visionné.
    Vous trouverez la documentation ici.

Hello

  • Nouvelle langue supporter le Guarani [gn]
  • ajout d’une nouvelle préférence « network.dns.blockDotOnion » permettant de bloquer « .onion » au niveau du DNS.
  • Gestion des groupes d’onglets est  supprimé

Sources (en Anglais) :

Lien vers la documentations (en Français):