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 2016-08-23 10:21:22, par Michael Guilloux, Chroniqueur Actualités

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

Discussion forum

231 commentaires

Mickael_Istria
Membre émérite

Envoyé par zobal

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.

le 06/03/2017 à 15:32
smarties
Expert confirmé

Cool mais je continue d'utiliser VSCodium afin de me passer des télémétrie de M$

le 08/07/2022 à 10:39
air-dex
Membre expert

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.

le 17/05/2019 à 19:05
dfiad77pro
Membre expérimenté

+ 1 pour la barre d'icones, j'avais oublié ça mais en effet c'est super intéressant pour la productivité.
Je rajoute aussi le fait donner la possibilité de docker la barre de commande pour qu'elle soit toujours visible

le 17/05/2019 à 19:26
dfiad77pro
Membre expérimenté

bref il y a plein de chose à dire sur vscode 1.41 : les evols du layout, de la tokenisation, du langage server, le terminal webgl, electron etc..
Un énorme travail à été fait pour clôturer la roadmap 2019 et par respect pour cela il faut avoir des discussions intelligentes !

marre de ces gens qui pourrissent les news avec des réponses de merde ! Pardon pour le terme , mais ça viens du coeur
donc -1 pour ton commentaire

le 13/12/2019 à 18:51
pierre.E
Membre confirmé

moi j'aimerais surtout un bouton pour chaque langage avec les extensions utiles pour éviter de me coltiner la recherche d'extension

le 12/03/2021 à 18:18
Mickael_Istria
Membre émérite

Envoyé par lc2ms1978

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.

le 23/09/2016 à 18:03
Iradrille
Expert confirmé

Envoyé par Mickael_Istria

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.

le 23/09/2016 à 19:49
Envoyé par Jarodd

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.

le 03/03/2017 à 10:13
xarkam
Membre éprouvé

Envoyé par Mickael_Istria

(ou Eclipse IDE, http://help.eclipse.org/neon/index.j...amp;cp=8_2_8_1 )

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

le 07/03/2017 à 14:51

Poster une réponse