Compiler HTML

Fermé
nico14570 Messages postés 80 Date d'inscription lundi 6 décembre 2010 Statut Membre Dernière intervention 18 octobre 2015 - 15 mai 2013 à 08:48
[Dal] Messages postés 6198 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 13 décembre 2024 - 23 mai 2013 à 10:31
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 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
15 mai 2013 à 08:50
Bonjour ?

peut être que le code est exécuté dans un "navigateur" indépendant
0
[Dal] Messages postés 6198 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 13 décembre 2024 1 096
15 mai 2013 à 09:46
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 6198 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 13 décembre 2024 1 096
15 mai 2013 à 10:06
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 80 Date d'inscription lundi 6 décembre 2010 Statut Membre Dernière intervention 18 octobre 2015 5
15 mai 2013 à 14:58
quels logiciel utilisent t-ils ?
0
[Dal] Messages postés 6198 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 13 décembre 2024 1 096
15 mai 2013 à 15:20
C'est expliqué dans mon message.


Dal
0
nico14570 Messages postés 80 Date d'inscription lundi 6 décembre 2010 Statut Membre Dernière intervention 18 octobre 2015 5
17 mai 2013 à 07:46
connaissez-vous le nom des shell utilisés ?
0
[Dal] Messages postés 6198 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 13 décembre 2024 1 096
17 mai 2013 à 10:11
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 80 Date d'inscription lundi 6 décembre 2010 Statut Membre Dernière intervention 18 octobre 2015 5
22 mai 2013 à 09:18
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 6198 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 13 décembre 2024 1 096
22 mai 2013 à 10:11
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 80 Date d'inscription lundi 6 décembre 2010 Statut Membre Dernière intervention 18 octobre 2015 5
22 mai 2013 à 20:38
je ne trouve rien
0
[Dal] Messages postés 6198 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 13 décembre 2024 1 096
23 mai 2013 à 10:31
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