Compiler HTML

Certains programmes sont compilés en html5 css3 et javascript comme http://brackets.io/
Je voudrais savoir comment ils font pour que du html css et javascript puissent devenir un programme

4 réponses

  • Votes
  • Date
  • Date décroissante
  1. Contributeur
    Bonjour ?

    peut être que le code est exécuté dans un "navigateur" indépendant
    1. Contributeur
      Bonjour nico14570,

      https://github.com/adobe/brackets

      Although Brackets is built in HTML/CSS/JS, it currently runs as a desktop application in a thin native shell, so that it can access your local files. (If you just try to open the index.html file in a browser, it won't work yet.) The native shell for Brackets lives in a separate repo, adobe/brackets-shell.

      Le code est là :

      https://github.com/adobe/brackets-shell/

      Et selon https://github.com/adobe/brackets-shell/wiki/Architectural-Overview

      The Brackets application shell is built using the Chromium Embedded Framework (CEF). CEF is an open source web browser control based on Google Chromium.

      The Brackets app is based on the cefclient sample application provided by CEF. The app itself is really quite simple -- it hosts the CEF control to display the HTML/CSS/JavaScript for Brackets, and provides some extensions required for Brackets to work. These extensions include filesystem access, file dialogs, and code for launching and connecting to the Live Development browser.


      Dal
      1. Contributeur
        Donc, en résumé :

        Le Html, Css et javascript ne sont pas compilés.

        Ils sont lancés et interprétés par un shell, qui est un programme C++ (compilé, lui) basé sur le coeur d'un navigateur open source, auquel ils ont ajouté des fonctions additionnelles permettant notamment d'accéder au système de fichier local et d'intéragir avec l'éditeur.

        Dal
    2. connaissez-vous le nom des shell utilisés ?
      1. Contributeur
        On dirait que tu as besoin d'une traduction :-)

        Oui, je connais le nom du shell utilisé. Toi aussi d'ailleurs. Comme indiqué précédemment, il appellent cela "brackets-shell", tu n'accèdes qu'à la version source en développement https://github.com/adobe/brackets-shell/ (également précédemment mentionné).

        Si tu veux bidouiller avec, le plus simple c'est d'installer Brackets, qui comporte déjà le shell compilé, et de remplacer le \www\index.html par le tien dans le répertoire d'installation, par exemple, j'ai essayé avec ceci :
        <!DOCTYPE html>
        <html>
        <body>
        
        <script>
        document.write("Hello World!")
        </script> 
        
        </body>
        </html>

        puis tu lances Brackets.

        "brackets-shell" (comme Brackets d'ailleurs), sont des projets nouveaux et non stabilisés, il ne faut pas t'attendre à une documentation (aujourd'hui, la doc de "brackets-shell", c'est le code source), ou à un produit générique finalisé qui te permette de créer d'emblée tes applications sans mettre les mains dans le cambouis.

        Tu peux hacker leur code, dont les différents composants sont sous licences open source, si tu t'y connais en C++, Objective C, Python, Javascript,...

        Il y a aussi quelques informations là : https://github.com/adobe/brackets/wiki/How-to-Hack-on-Brackets

        Bon courage, bonne lecture et bon hacking :-)

        Dal
      2. Oui d'accord, mais existe t-il des shell plus simple d'utilisation, ou le principe est le meme a chaque fois. Je sais que dans Visual Sudio 2012 ils utilisent un shell, je voudrais un logiciel dans ce genre si.
      3. je ne trouve rien
      4. Contributeur
        Une possibilité, si tu programmes en C++, est d'utiliser Qt et son composant basé sur Webkit :

        https://doc.qt.io/archives/qt-4.8/examples-webkit.html

        Cela te donnera un programme exécutable, compilé, capable d'interpréter et d'afficher du Html, CSS et JS (mais cela ne "compilera" pas, de toutes façons, le Html, CSS et JS, ces éléments devant être interprétés par le moteur embarqué dans l'application).

        Si tu n'est pas programmeur C++, je ne vois pas trop, et si tu veux un truc archi simple, le mieux est encore d'exécuter ton code Html, CSS et JS avec le navigateur installé sur la machine.

        Dal