Compiler HTML

nico14570 Messages postés 101 Statut Membre -  
[Dal] Messages postés 6373 Statut Contributeur -
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
A voir également:

4 réponses

ThEBiShOp Messages postés 9307 Date d'inscription   Statut Contributeur Dernière intervention   1 566
 
Bonjour ?

peut être que le code est exécuté dans un "navigateur" indépendant
0
[Dal] Messages postés 6373 Statut Contributeur 1 106
 
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
0
[Dal] Messages postés 6373 Statut Contributeur 1 106
 
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
0
nico14570 Messages postés 101 Statut Membre 5
 
quels logiciel utilisent t-ils ?
0
[Dal] Messages postés 6373 Statut Contributeur 1 106
 
C'est expliqué dans mon message.


Dal
0
nico14570 Messages postés 101 Statut Membre 5
 
connaissez-vous le nom des shell utilisés ?
0
[Dal] Messages postés 6373 Statut Contributeur 1 106
 
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
0
nico14570 Messages postés 101 Statut Membre 5
 
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.
0
[Dal] Messages postés 6373 Statut Contributeur 1 106
 
Je n'en connais pas, mais tu peux toujours chercher dans ces résultats :

https://www.google.fr/search?q=embeddable+browser&gws_rd=ssl


Dal
0
nico14570 Messages postés 101 Statut Membre 5
 
je ne trouve rien
0
[Dal] Messages postés 6373 Statut Contributeur 1 106
 
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
0