Microsoft crée un navigateur web faisant appel à HTML, JavaScript et CSS
Pour démontrer les capacités de la plateforme web sur Windows 10

Le , par Stéphane le calme, Chroniqueur Actualités
Si Microsoft Edge, le successeur d’Internet Explorer, dispose d’un tout nouveau moteur de rendu baptisé Microsoft EdgeHTML, il n’est pour l’instant disponible que sur la plateforme Windows 10. Pour montrer ce dont est capable son moteur de rendu, Microsoft a pensé à concevoir un navigateur web faisant essentiellement appel à du JavaScript, du HTML et du CSS. Cette application JavaScript UWP a par la suite été publiée sur le Windows Store et l’échantillon de code a été mis sur un dépôt GitHub.

« Au cours des derniers mois, nous avons apporté de nombreuses améliorations au moteur de rendu de Microsoft Edge (Microsoft EdgeHTML), mettant l'accent sur l'interopérabilité avec les navigateurs modernes et le respect des normes nouvelles et émergentes. En plus de faire fonctionner Microsoft Edge, EdgeHTML est également disponible pour toutes les applications Universal Windows Platform (UWP) via le contrôle WebView. Aujourd'hui, nous tenons à démontrer comment le contrôle WebView peut être utilisé pour créer votre propre navigateur dans Windows 10 », a expliqué Josh Rennert, gestionnaire programme de Windows Edge.


Navigateur en action

En bref, les développeurs peuvent créer une application UWP qui exploite EdgeHTML via le contrôle WebView. L’application de Windows a été conçue dans Visual Studio 2015 et a également exploité le support ECMAScript 2015 dans Chakra, le moteur JavaScript derrière Microsoft Edge et le contrôle WebView.

« Notre échantillon d’application embarque plusieurs composantes de l’interface utilisateur que vous verrez dans les navigateurs modernes. Par exemple, nous avons inclus les boutons Précédente et Suivante, Actualiser et Arrêter, les menus Favoris et Paramètres, un favicon et une barre d’adresse, etc. Nous avons également inclus des fonctionnalités supplémentaires comme les raccourcis clavier, un mode Plein Ecran, un gestionnaire de Favoris, un responsive design » a-t-il précisé.

Microsoft explique la raison d’être de ces fonctionnalités. « Le point crucial des fonctionnalités s’articule autour du puissant contrôle WebView. Offrant un ensemble complet d'API, il surmonte plusieurs des limitations qui incombent aux iframes tels que les événements de chargement de document. En outre, le x-ms-webview, qui est la façon de déclarer une WebView en HTML, fournit de nouvelles fonctionnalités qui ne sont pas possible avec une iframe, comme un meilleur accès au contenu local et la capacité de prendre des screenshots. Lorsque vous utilisez le contrôle WebView, vous obtenez la même plate-forme web qui alimente Microsoft Edge ».

Microsoft rappelle qu’il s’agit tout simplement d’un aperçu de ce qu’il est possible de faire avec la plateforme web sur Windows 10. « Avec le contrôle WebView, nous avons pu créer un navigateur simple et intuitif qui utilise principalement JavaScript. Pourtant, il y a beaucoup de fonctionnalités supplémentaires que nous pourrions concevoir sur ce projet à l’instar du clic-droit, de l'encrage, des thèmes ou même des onglets ».

Vous pouvez voir le code sur un dépôt GitHub de Microsoft ou avoir une démo en live du navigateur en le téléchargeant depuis le Windows Store ou en déployant la solution Visual Studio.

voir le code source de JSBrowser (dépôt GitHub)

installer l'application (Windows Store)

Source : blog Windows

Et vous ?

Qu'en pensez-vous ? Allez-vous l'essayer ?

forum logiciels internet


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Zefling Zefling - Membre émérite https://www.developpez.com
le 28/08/2015 à 8:17
Et ça se lance dans d'autre navigateur ? Sinon je ne vois pas trop comment l'essayer.
J'ai un peu regarder le code, ça par l'être quelque chose d'énorme, mais ça semble intéressant.

Sinon ça me fait un peu penser au projet de Mozilla : https://github.com/mozilla/browser.html

Note : il serait cool de rendre que l'animation du gif ne se lance que sur commande. C'est très désagréable pour lire l'article (je l'ai viré du HTML).
Avatar de Bobvingtetun Bobvingtetun - Nouveau Candidat au Club https://www.developpez.com
le 28/08/2015 à 8:24
Avec ce navigateur on atteint presque la vitesse de chrome ou de edge, donc on peut faire de bonne application grâce à ce concept.
Avatar de grunk grunk - Modérateur https://www.developpez.com
le 28/08/2015 à 8:36
Citation Envoyé par Zefling  Voir le message
Et ça se lance dans d'autre navigateur ? Sinon je ne vois pas trop comment l'essayer.

Ca se lance sur windows 10 comme n'importe qu'elle application. Les applis uwp sont des applis développées au choix en C++, C#, JS/HTML et qui sont vu comme des applis natives par le système.
Avatar de Zefling Zefling - Membre émérite https://www.developpez.com
le 28/08/2015 à 8:41
Citation Envoyé par grunk  Voir le message
Ca se lance sur windows 10 comme n'importe qu'elle application. Les applis uwp sont des applis développées au choix en C++, C#, JS/HTML et qui sont vu comme des applis natives par le système.

En effet, je viens de tester ~/JSBrowser-1.0/JSBrowser/default.html et ça ne fonctionne pas du tout tout seul.
Avatar de Jarodd Jarodd - Membre expérimenté https://www.developpez.com
le 28/08/2015 à 11:08
L'image qui clignote en plein milieu de l'article le rend difficile à lire ! C'est pire qu'une pub là !
Et en plus elle tourne tellement vite qu'on ne voit rien, vraiment cette anim dessert l'article !
J'ai copié le texte dans un notepad pour le lire tranquillement
Avatar de mBlank mBlank - Nouveau Candidat au Club https://www.developpez.com
le 04/09/2015 à 23:09
Chers développeurs,

N'oubliez pas que le contenu côté client est totalement modifiable, donc si ce gif vous gêne il suffit de le supprimer
Avatar de Jarodd Jarodd - Membre expérimenté https://www.developpez.com
le 05/09/2015 à 10:50
C'est très intelligent comme remarque. Tu sous-entends donc :
- que toute personne visitant ce site est forcément développeur/se web et a tous les outils pour modifier la page ?
- qu'on a tous 20 secondes à perdre à chaque actu à ouvrir la console et modifier son contenu pour le mettre à notre goût ?
- que c'est au visiteur de s'adapter au contenu mal pensé, et pas au rédacteur ou au site de présenter un article agréable à lire ?
- qu'on lit forcément les news sur un navigateur desktop, ou alors que tu as une solution pour supprimer l'image sur un navigateur mobile (dans ce cas je la veux bien car je ne la connais pas) ?

La prochaine fois, quand il y aura une vidéo qui est en autoload, ou une image mal taillée, tu diras aussi "allez dans la source est enlever l'autoload, et ouvrez Photoshop, croppez l'image et renvoyez-la au rédacteur" ?

Si tu es aussi développeur web, j'espère que ce n'est pas ta réponse à ton client ou tes visiteurs : « le site ne vous plaît pas ? Rien à foutre, vous pouvez le modifier vous-même, alors je n'ai pas de temps à perdre sur l'UX ou l'accesibilité »
Avatar de hotcryx hotcryx - Membre chevronné https://www.developpez.com
le 05/09/2015 à 13:59
"Chers développeurs,
N'oubliez pas que le contenu côté client est totalement modifiable, donc si ce gif vous gêne il suffit de le supprimer"

Ce serait une belle petite fonction à développer pour le développeur du site.
Un start/stop png (frame[0]) => gif

"Si tu es aussi développeur web, j'espère que ce n'est pas ta réponse à ton client ou tes visiteurs : « le site ne vous plaît pas ? Rien à foutre, vous pouvez le modifier vous-même, alors je n'ai pas de temps à perdre sur l'UX ou l'accesibilité »

Si tu leurs laisses tout décider, tu te retrouves avec la voiture prototype d'Homer Simpson
(épisode à voir absolument)
Avatar de hotcryx hotcryx - Membre chevronné https://www.developpez.com
le 05/09/2015 à 14:02
Citation Envoyé par Jarodd  Voir le message
L'image qui clignote en plein milieu de l'article le rend difficile à lire ! C'est pire qu'une pub là !
Et en plus elle tourne tellement vite qu'on ne voit rien, vraiment cette anim dessert l'article !
J'ai copié le texte dans un notepad pour le lire tranquillement

Adblock plus est ton ami

ou alors tu "inspect" la page en debug et remplace l'url de l'image par une url vide.
Offres d'emploi IT
Responsable de lot / architecte fpga H/F
Safran - Ile de France - Éragny (95610)
Ingénieur produit (FADEC militaire) H/F
Safran - Ile de France - 100 rue de Paris 91300 MASSY
Chef de projet technique H/F
Safran - Ile de France - Melun (77000)

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil