VS Code : Microsoft lance une extension pour le débogage de sites web pour les appareils iOS
Depuis son éditeur de code et sans avoir besoin d'un Mac

Le , par Michael Guilloux

143PARTAGES

8  0 
Dans un souci de simplifier le workflow quotidien des développeurs depuis la sortie de Visual Studio Code, Microsoft a accordé un intérêt particulier dans le développement d’outils pour permettre à ces derniers de déboguer leur code directement depuis son éditeur. Après des débogueurs .NET et Node.js, puis un débogueur Chrome pour Visual Studio Code disponible depuis le mois de février, c’est au tour des développeurs web pour iOS d’être servis.

Microsoft vient de lancer un iOS Web Debugger pour VS Code. La nouvelle extension va permettre aux développeurs Web mobiles de déboguer leur code JavaScript exécuté sur Safari sur les appareils iOS (et simulateurs iOS) directement à partir de leur éditeur VS Code, sans outils additionnels.

Pour comprendre quelle est l’utilité de cette nouvelle extension, Microsoft explique qu’à ce jour, « le débogage des sites Web fonctionnant sur les appareils iOS est limité à un sous-ensemble de développeurs, étant donné que le Safari Web Inspector (Safari DevTools) nécessite une instance desktop de Safari qui est uniquement disponible pour les utilisateurs de MacOS. » Avec l’extension pour Visual Studio Code qui est disponible à la fois sur Windows et MacOS, Microsoft rend donc le débogage de sites web pour les appareils iOS moins contraignant en l’ouvrant désormais aux développeurs qui sont uniquement sur Windows. Tout ce que vous avez à faire est d'avoir Visual Studio Code avec la nouvelle extension iOS Web Debugger installée.

Avec l'extension de débogage, les développeurs peuvent encore profiter d’un port forwarding virtuel via un tunnel HTTP à partir de leur PC local. À propos de ce port forwarding, Kenneth Auchenberg, programme manager de Microsoft JavaScript Diagnostics explique que cela permettra de rendre le développement local plus facile. « Lors du développement de sites Web en cours d'exécution localement, c'est un processus lourd de permettre aux appareils mobiles d'accéder à votre serveur de développement local, qui est généralement un serveur HTTP tournant sur localhost, » a-t-il écrit. « Nous avons donc trouvé un moyen d'émuler un port forwarding en ajoutant l'option de démarrer une instance de localtunnel, qui dans les coulisses crée un tunnel HTTP de votre ordinateur local à internet pour la propriété tunnelPort spécifiée. Ce tunnel HTTP est ensuite utilisé par l'appareil iOS pour avoir accès à votre serveur de développement local, comme tout autre site Web public ».


La nouvelle extension de débogage des sites web sur les appareils iOS vient également avec d’autres fonctionnalités telles que le réglage des points d’arrêt, le pas à pas, et bien plus. Pour commencer à l’utiliser, vous devez aller dans le menu Extensions pour afficher la liste des extensions et rechercher par exemple « ios » pour filtrer la liste. Après l’installation de l’extension, il sera nécessaire de redémarrer l’éditeur de code pour que cela fonctionne.

Installer iOS Web Debugger

Source : Blog Microsoft

Et vous ?

Que pensez-vous de cette extension ? Vous sera-t-elle utile ?

Voir aussi :

Visual Studio Code 1.4 : l'équipe de développement se concentre sur la correction de bogues et apporte des améliorations au contrôle de suggestions

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Mickael_Istria
Membre émérite https://www.developpez.com
Le 06/03/2017 à 15:32
Citation Envoyé par zobal Voir le message
J'utilise vim avec quelques plugins et une config aux petits oignons.
Combien de temps ca t'a coute de faire ta config aux petits oignons? La simplicite de demarrage est l'une des choses les plus importantes pour beaucoup d'utilisateurs. Le scenario a base de vim n'est clairement pas le meilleur pour eux.

infiniment moins puissant
La, il faut justifier. VSCode est un IDE, qui dit IDE dit completion, documentation contextuelle, rapport d'erreurs, debug, recherche "semantique"... Tout ca vient avec le cout de la lourdeur, mais pour beaucoup d'utilisateurs, c'est vraiment rentable. Perso, tu me feras jamais coder un projet entier dans un pauvre editeur sans debugger. J'adore vim, mais au dela de la simple edition de fichier, des que tu arrives vraiment dans un code complexe, il te faut plus qu'un simple editeur.

et en plus développé par une boite qui a quand même un gros passif niveau enfumage du monde... ?
Les mecs qui font VSCode sont des anciens developpeurs d'Eclipse IDE, ils ont bosse en open-source la plupart de leur temps et meme construit un partie des modeles OSS actuels il y a 15 ans quand Eclipse est devenu OSS. Ils ont mis VSCode en OSS et contribuent des protocoles ouverts pour l'interoperabilite de tous les IDE/langages. Ils pourraient donner des lecons a la plupart des developpeurs a ce sujet. Je ne pense pas que c'est un sujet sur lequel on peut attaquer VSCode.
4  0 
Avatar de Mickael_Istria
Membre émérite https://www.developpez.com
Le 23/09/2016 à 18:03
Citation Envoyé par lc2ms1978 Voir le message
Hello,
Pour ceux qui ont déjà VS installé sur leur poste ça leur permet d'avoir un seul EDI et ne pas en installer plusieurs peut être.
Attention VS != VSCode.
En fait, VSCode est a la mode. Il marche tres bien pour plusieurs technos et correspond a ce que cherchent les gens qui veulent des "editeurs riches" plutot que des IDE - et la ligne entre les 2 est tres trouble. VSCode essaye d'avoir les features d'un IDE sans porter le nom ou certains workflows ou lourdeurs typiques des IDE.
Le public actuel de VSCode, c'est plutot des devs Web, JS ou TypeScript avec pas des masses d'experiences en Java, des gens dont le seul contact avec les Java et les IDEs a ete a l'universite. Ce public rejette l'idee de Java, des applis ecrites en Java et compagnie; par principe et avec des arguments ras des paquerettes bien souvent. Avoir Java dans VSCode, c'est plus un moyen de toucher ce public qu'un service rendu aux developpeurs Java actuels qui restent largement plus productifs avec les IDEs classiques.
1  0 
Avatar de Iradrille
Expert confirmé https://www.developpez.com
Le 23/09/2016 à 19:49
Citation Envoyé par Mickael_Istria Voir le message
Attention VS != VSCode.
En fait, VSCode est a la mode. Il marche tres bien pour plusieurs technos et correspond a ce que cherchent les gens qui veulent des "editeurs riches" plutot que des IDE - et la ligne entre les 2 est tres trouble. VSCode essaye d'avoir les features d'un IDE sans porter le nom ou certains workflows ou lourdeurs typiques des IDE.
Le public actuel de VSCode, c'est plutot des devs Web, JS ou TypeScript avec pas des masses d'experiences en Java, des gens dont le seul contact avec les Java et les IDEs a ete a l'universite. Ce public rejette l'idee de Java, des applis ecrites en Java et compagnie; par principe et avec des arguments ras des paquerettes bien souvent. Avoir Java dans VSCode, c'est plus un moyen de toucher ce public qu'un service rendu aux developpeurs Java actuels qui restent largement plus productifs avec les IDEs classiques.
Çà dépend surtout de l'application que tu fais :
- un petit script de ~100 lignes pour automatiser une tache ? Pas besoin d'un "vrai" IDE pour ça.
- un gros projet ? Un IDE est vraiment pratique (voire indispensable).

Et c'est indépendant du langage.
1  0 
Avatar de Kenshineuh
Futur Membre du Club https://www.developpez.com
Le 03/03/2017 à 10:13
Citation Envoyé par Jarodd Voir le message
J'aime bien VSC, mais il a des défauts qui me hérissent le poil, notamment le formatage (notamment php), qui devient n'imorte quoi quand on a le malheur de faire Ctrl + S (heureusement il y a le save auto, mais parfois par réflexe je sauvegarde manuellement). Et parfois (en JS), j'écris un tableau sur une ligne, et paf il reformate n'importe comment, en mettant les valeurs en dessous, pas indentées. Je remet en place, et ça recommence, indéfiniment. Je n'ai pas trouvé le moyen de supprimer ce comportement.

A part ça, il est assez léger et intuitif à utiliser, j'aime bien.
C'est pas le comportement par défaut normalement.
Regarde dans les paramètres et les options "editor.formatOnSave" etc...

J'aime bien VSC sinon, je l'utilise de plus en plus pour des projets JS ou NodeJS surtout avec intellisense.
Et puis plus fluide que mon IntelliJ pour de petits projets.
1  0 
Avatar de xarkam
Membre confirmé https://www.developpez.com
Le 07/03/2017 à 14:51
Citation Envoyé par Mickael_Istria Voir le message
Hum, non, code::blocks ou netbeans mais pas eclipse

Je ne doute pas des qualités d'eclipse qui s'améliore avec le temps, mais lui et moi avons un passif ^^

Mais bon, j'ai des licences jetbrains et leur ide font un café à mon gout
1  0 
Avatar de Mickael_Istria
Membre émérite https://www.developpez.com
Le 10/06/2017 à 11:02
Citation Envoyé par sitexw Voir le message
Je ne comprends pas pourquoi il n'y a pas un système qui compte le nombre de fois que l'on sélectionne une proposition et la prochaine fois l'afficher en première, car elle a un nombre de sélection plus élevé que les autres.
Et en plus, c'est loin d'être un cas à part ("pa"=>"pad" au lieu de "padding", "di"=> "direction" au lieu de "display", ...)
C'est un project OSS, ouvre un bug et tu auras surement soit ta reponse, soit un patch.
1  0 
Avatar de Beginner.
Membre chevronné https://www.developpez.com
Le 03/08/2017 à 22:41
Salut,

Je débute avec VSCode (pour JS/HTML/CSS)...

- Il y a plusieurs choses qui sont vraiment biens (auto-complétion avancée, references, rename, go to definition, le type au survol de la souris...)...

Tout ce qui est présent à la base finalement car les extensions par contre c'est une autre histoire, c'est rebutant, ça peut dégouter un débutant car on peut passer beaucoup de temps à comprendre comment ils fonctionnent et il faut parfois les configurer...

A cause de ça ce genre d'outils peut décourager quelqu'un qui débute, qui veut apprendre un langage car une telle personne a besoin de se concentrer sur le langage lui-même et l'outil doit l'assister mais si il faut pour ça passer beaucoup de temps à apprendre le fonctionnement et la configuration des extensions alors cela nous détourne de l'objectif premier...

Alors avec ce genre d'outils il vaut mieux être averti...

----> Ce qui aurait été bien pour un débutant qui veut apprendre JS/HTML/CSS c'est que tout ce qui est nécessaire pour bien travailler soit déjà installé... Genre j'arrive, je tape du code et tout de suite j'ai le résultat ou peut-être éventuellement je clique sur un bouton "start" mais seulement la première fois et non à chaque fois que je fais une modif...

C'est par exemple ce qu'on a avec JS Bin : copier/coller du code et tout de suite le résultat sans même cliquer sur un bouton et si on fait un changement pareil on voit tout de suite le résultat et cela dans les trois langages html/CSS/JS !

Par contre évidement on n'a pas l'assistance efficace et agréable qu'apporte VSCode...

Ce serait bien : JS Bin + VSCode le tout en un...
1  0 
Avatar de goldbergg
Membre actif https://www.developpez.com
Le 12/10/2018 à 10:45
En faite VS code utilise Blink, qui est bien le moteur de rendu utilisé par chrome, mais aussi par Opera et Vivaldi (entre autre) pour la gestion de son interface graphique, il est donc normale de pouvoir y voir certaine similitude.
VS code n'est pas une sur-couche a Chrome, ils partagent juste un certains composant.

Pour la petite histoire, Vs Code est basé sur Electron, qui est un framework qui permet de développé des client lourd multi plateforme via les outils du web (Html/CSS/Javascript), pour ce faire Electron utilise Blink pour le rendu et Node.js pour l'exécution du JS.
1  0 
Avatar de LittleWhite
Responsable 2D/3D/Jeux https://www.developpez.com
Le 12/10/2018 à 10:48
Bonjour,

C'est une application JavaScript, portée en application native grâce à Electron. C'est à la mode.
Une application de ce style embarque le moteur JavaScript (ce qui permet d'interpréter le JS) et le moteur "simple" à importer, c'est le WebKit.
Note : il existe une version de Chrome, appelée Chromium, qui est entièrement libre. Le navigateur Chrome est une version patchée de Chromium, pour y intégré les "ajouts" de Google.
1  0 
Avatar de air-dex
Membre expert https://www.developpez.com
Le 17/05/2019 à 19:05
Un bon petit éditeur sur lequel Microsoft fait du bon travail. Je l'avais testé il y a longtemps et je ne l'avais pas trouvé sensationnel, loin de là même. Mais je l'ai retesté il n'y a longtemps et je trouve qu'il a très bien évolué. Il a encore un peu de chemin à faire, mais il est clairement sur la bonne voie. Avant ce n'était qu'un éditeur pour geeks à bidouiller. Maintenant c'est un bon petit logiciel sympa, mais qui a le cul entre deux chaises : trop gros pour être considéré comme un simple éditeur de texte comme Notepad++, Kate ou gedit, mais pas assez consistant pour être utilisable au quotidien en remplacement d'un EDI plus ambitieux comme Eclipse ou IntelliJ. En l'état actuel des choses c'est une très bonne alternative à Geany.

Il ne manque pas grand chose à VS Code pour pouvoir être envisageable en remplacement d'un EDI type Eclipse ou IntelliJ, notamment une barre d'icônes en alternative au menu et aux raccourcis claviers. Pour le reste il sera possible d'en faire un bon EDI avec les plugins qui vont bien.
1  0 
Le code payé par les citoyens devrait être disponible pour les citoyens !
Libra : Facebook renonce à sa vision ambitieuse sur la cryptomonnaie
Rustls, une bibliothèque TLS écrite en Rust, surclasse les performances d'OpenSSL
Cours complet Bootstrap 4 - Premiers pas, un tutoriel de Maurice Chavelli
Contacter le responsable de la rubrique Accueil

Partenaire : Hébergement Web