In Visual Studio, select Debug > Attach to Process or Ctrl+Alt+P. Make sure that there are no running instances of Microsoft Edge.įrom your command line, run the following command: start msedge -remote-debugging-port=9222 To attach the Visual Studio debugger to an instance of Microsoft Edge that's already running: Attach Visual Studio debugger to a running instance of Microsoft Edge For more information about the functionality in Visual Studio 2019, see the Visual Studio documentation. The example was just a minor demonstration of the functionality available in Visual Studio. Alternatively, you can an attach the Visual Studio debugger to an instance of Microsoft Edge that's already running, as described below. In the above approach, you launched Microsoft Edge from Visual Studio. Visual Studio now pauses the runtime of the JavaScript running in Microsoft Edge and you can step through the script line-by-line. The JavaScript debugger in Visual Studio hits the breakpoint you set in Counter.js. Select Counter in the navigation menu at the top of the webpage and then select Increment. Switch back to the instance of Microsoft Edge that Visual Studio launched. In Counter.js, set a breakpoint on Line 13 by selecting the gutter next to the line. Switch back to Visual Studio to set a breakpoint. Debug JavaScript code that's running in Microsoft Edge Visual Studio builds your app, starts the web server, launches Microsoft Edge, and navigates to or whatever port is specified in launchSettings.json.Ĭontinue with the steps below. If you aren't already using one of the Microsoft Edge preview channels, go to Download Microsoft Edge Insider Channels to download one. In the same dropdown list, select Web Browser > the preview channel of Microsoft Edge that you want Visual Studio to launch, such as Microsoft Edge Canary, Dev, or Beta. Select the dropdown list next to the green Play button and IIS Express. ![]() Open ClientApp/src/components/Counter.js. Next, run and debug the ASP.NET Core web app project in Visual Studio, as follows: You've now created a project for an ASP.NET Core web app. This React.js template specifies how to integrate React.js with an ASP.NET Core app. Select ASP.NET Core with React.js from the list of templates and then Next. ![]() In the search box on the next screen, enter react. Open Visual Studio 2019 and select Create a new project. Create a new ASP.NET Core web appįirst, create a new ASP.NET Core web app, as follows: The simplified workflow allows you to debug JavaScript that runs in Microsoft Edge directly from your IDE. Connect the Visual Studio debugger with a single button.Build your ASP.NET and ASP.NET Core app.Launch Microsoft Edgeįollow the steps in this section to use Visual Studio to do the following: To use Visual Studio to debug Microsoft Edge, do the following steps. If you aren't already using Visual Studio, go to Download Visual Studio to download it.Ĭurrently, Visual Studio 2019 supports debugging JavaScript in Microsoft Edge for your ASP.NET Framework and ASP.NET Core apps. ![]() In addition to the standard editor and debugger that most IDEs provide, Visual Studio includes features to ease your development process, including: Visual Studio is a feature-rich program that can be used for many aspects of your web development. Use it to edit, debug, build, and publish your web apps. Microsoft Visual Studio is an integrated development environment (IDE).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |