+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Chroniqueur Actualités

    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    mars 2013
    Messages
    2 593
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : mars 2013
    Messages : 2 593
    Points : 54 275
    Points
    54 275

    Par défaut Microsoft crée un navigateur web faisant appel à HTML, JavaScript et CSS

    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

    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

  2. #2
    Membre émérite Avatar de Zefling
    Homme Profil pro
    Développeur Web
    Inscrit en
    avril 2007
    Messages
    784
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : avril 2007
    Messages : 784
    Points : 2 724
    Points
    2 724

    Par défaut

    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).
    Mon blog de développeur web.

    Projet : BakuJS

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    développeur du dimanche
    Inscrit en
    janvier 2014
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 16
    Localisation : France, Aisne (Picardie)

    Informations professionnelles :
    Activité : développeur du dimanche
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : janvier 2014
    Messages : 1
    Points : 1
    Points
    1

    Par défaut Un bon résultat

    Avec ce navigateur on atteint presque la vitesse de chrome ou de edge, donc on peut faire de bonne application grâce à ce concept.

  4. #4
    Modérateur
    Avatar de grunk
    Homme Profil pro
    Architecte Web / Android
    Inscrit en
    août 2003
    Messages
    4 194
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Architecte Web / Android
    Secteur : Industrie

    Informations forums :
    Inscription : août 2003
    Messages : 4 194
    Points : 10 621
    Points
    10 621

    Par défaut

    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.
    Pry Framework php5 | N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  5. #5
    Membre émérite Avatar de Zefling
    Homme Profil pro
    Développeur Web
    Inscrit en
    avril 2007
    Messages
    784
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : avril 2007
    Messages : 784
    Points : 2 724
    Points
    2 724

    Par défaut

    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.
    Mon blog de développeur web.

    Projet : BakuJS

  6. #6
    Membre expérimenté
    Avatar de Jarodd
    Profil pro
    Inscrit en
    août 2005
    Messages
    781
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2005
    Messages : 781
    Points : 1 462
    Points
    1 462

    Par défaut

    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

  7. #7
    Nouveau Candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    novembre 2014
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : novembre 2014
    Messages : 1
    Points : 1
    Points
    1

    Par défaut

    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

  8. #8
    Membre expérimenté
    Avatar de Jarodd
    Profil pro
    Inscrit en
    août 2005
    Messages
    781
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2005
    Messages : 781
    Points : 1 462
    Points
    1 462

    Par défaut

    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é »

  9. #9
    Membre expérimenté
    Profil pro
    Développeur
    Inscrit en
    mars 2012
    Messages
    1 008
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur
    Secteur : Communication - Médias

    Informations forums :
    Inscription : mars 2012
    Messages : 1 008
    Points : 1 567
    Points
    1 567

    Par défaut

    "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)
    Si la réponse vous a aidé, pensez à cliquer sur +1

  10. #10
    Membre expérimenté
    Profil pro
    Développeur
    Inscrit en
    mars 2012
    Messages
    1 008
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur
    Secteur : Communication - Médias

    Informations forums :
    Inscription : mars 2012
    Messages : 1 008
    Points : 1 567
    Points
    1 567

    Par défaut

    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.
    Si la réponse vous a aidé, pensez à cliquer sur +1

Discussions similaires

  1. Responsive Web Design avec HTML 5 et CSS 3
    Par benwit dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 08/11/2013, 08h45
  2. Réponses: 0
    Dernier message: 28/01/2008, 11h09
  3. [*HTML] Navigateurs web
    Par kromartien dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 24/04/2007, 21h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo