Web Debugging in Visual Studio Code — Transcript

Hey, just kidding. Hey everybody, how's it going?

That was a joke, I hope you got that. Welcome to the VS Code live stream.

Um, if you joined us last week, it was interesting because everything went wrong and we uh sputtered and crashed in a burning ball of flames and we had to cancel the stream.

And so we're back, but listen, listen, we fired everybody that was involved with that, um, I'm on probation now, it's probably my last stream, so we got to get this one right.

But thank you for being with us. Today, we are going to be doing uh debugging, web debugging in VS Code with a couple engineers here at Microsoft.

Before we get started, a couple notes.

First of all, we're streaming weekly now, we stream uh Thursdays.

Sometime we sometimes we have release parties, sometimes we have guests on, sometimes we bring in folks from Microsoft to give in-depth talks like we're doing today.

So you want to check that out, there's an aka there for checking out our live streams.

And uh occasionally we crash and burn.

And you're going to want to be there for that.

Because we deleted the video, you can't go back and watch it.

It was a huge, it was a giant cluster and now you can't, you can't see it.

But you would have if you had been following the streams.

So you're going to want to do that.

Also on our YouTube channel, go ahead and like and subscribe there.

We would love to, we would love to see you there.

Comments on our videos.

Making a lot of shorts these days.

Anybody doing shorts out there?

They kind of get forced into your YouTube app.

You don't have a choice.

You have to watch the shorts.

And we're also on TikTok, uh these short videos seem to be really good for doing VS Code tips.

So a great place for us to do those, we're doing them there, which you can check out down in the link.

Okay, all of that stuff aside, we're still, are we still live?

We're still live.

This is a thousand times better than once last week.

So please join me in welcoming Connor and Brandon to the stream.

Hey fellas.

Uh Connor is a software engineer at Microsoft and so is Brandon.

Connor is on the VS Code team.

And Brandon, are you on the Edge team?

Yes, Edge Dev Tools team.

Oh, all right.

Did I go by too fast and we want to put locations up again?

Let's do it slowly.

Connor.

Yes.

And Brandon.

There you go.

Perfect.

Nailed it.

All right, what are we going to be talking about?

And uh what are you going to show us today?

Cool, yeah, so um, I'll talk about the debugger to VS Code, which is pretty new.

I'll try and do it well so I can get you off probation and back into the good graces of of Sacha.

So um.

Yeah, so uh uh last July, we released a new debugger for VS Code.

Um, and with the debugger, it came like a bunch of new features including the notion of of multi-target debugging, which means we can debug things like service workers, web workers, and Node.js worker threads.

As well as um, performance and an increased focus on making easier to like onboard for for users who never use debugging to actually get debugging and debugging using VS Code.

And so um, and also we have um, lots of cool new notifications such as with the Edge Dev Tools, which Brandon will be showing later on today.

Yeah.

So um, first off, I'll share my screen and then we can get started.

So like here we have um, a looks like a pretty simple Express app.

So um, serving files from like this directory and also has this API endpoint that does looks like spell checking.

Um, and so we can look at it, we can see that it uses this like array of workers.

Um, and it uses the the Node.js worker threads.

And so worker threads are really useful if you have expensive computation that you don't want to do on main thread because even though uh like IO inside of Node.js is asynchronous, as you probably know.

Um, the actual like running JavaScript code is not, so you can only run like one JavaScript statement at a time.

Um, so if you have really expensive things like spell checking, you want to do that on on a worker thread.

You have multiple threads doing it.

Um, so yeah, we create one of these worker threads, then we send a message to it.

Well, we take one off, we send a message to it, and then we wait till it responds.

Um, and then we we get that back in in the in the API response.

And so first of all, let's like uh, I just set a breakpoint here.

I'm just walk through it to make sure that our that our assumptions are correct.

So if I want to debug this, there's there's a few ways to actually do that.

So like traditionally, you probably created a launch.json file that would like let you configure how you want to launch your program.

But it's pretty hard to figure out how to do that if you're new if you're new to VS Code.

Um, and there are a few easier easier ways that you can do it now.

So uh first off, if you've been using um, or if you've been writing JavaScript code in VS Code for a while, you've probably noticed the debug codelens here.

Hey Connor, real quick.

Can you just bump that font size up?

Maybe one, one step.

Uh, sure.

I will actually.

Do this.

So I don't have to zoom in anymore.

Oh, beautiful.

There we go.

Is that better?

Thank you so much.

Sorry.

Yeah.

Uh, no worries.

Yeah, so like, uh, like you've probably seen the debug codelens here.

And then this basically basically lets you debug any of your Node.js scripts with one click.

So if I click on this, you'll see that we launched in debug mode here.

My toolbar uh color changed to indicate that we're now debugging.

Um, and if I had if I had multiple if I had multiple scripts here, then you would have gotten like a quick pick asking you which one you wanted to actually debug.

And so that's cool.

Uh, the other way to do things is to use the debug terminal.

And this debug terminal, you might have heard us referred to it as the magic terminal.

Where all all Node.js programs that you that you run in there are going to be debugged.

So um, if I go over here, I can create that by hitting the little drop down next to the plus button.

And then selecting the JavaScript debug terminal.

And now like any Node.js program I run, so even if I just run node and open the repl, then that will be debugged.

So if I type node.

And and now I'm I'm in the repl, if I even type just debugger.

Then you'll see that we actually pause there, um, and.

You can you can run any any code here and it'll be debugged.

And we can also of course, just run node index.js to actually run our program.

I'll move this guy out of the way.

And so now, uh, you see that this like a a breakpoint is bound, which means that when we actually call this endpoint, it'll it'll be hit.

So to call it, I'm going to use um.

Some of our some of our some of our VS Code's new native notebooks as well.

So we have this this rest book extension, which basically lets you have a notebook that contains HTTP calls.

In this case, we're making a post request to localhost and then we're we're including the body with the word performance, which is misspelled.

And if I'm and if I go ahead and execute that, then we'll hit the breakpoint right there.

Um, and I can step through it and yep, we're creating a new worker thread.

We're we're popping it off.

We're sending a message there.

And then if I put a breakpoint there.

Then we're sending back looks like a a JSON a JSON snippet containing correct is false.

And then word is the correct word right there.

So now if I want to actually see what's happening in the worker thread, I don't really have to do anything extra.

So looks like this is pulling in worker.js.

So I can just go in there and then um.

Just like any other program or any other part of my program, um, I can set a breakpoint right here.

And then if we run this again.

Then you see that we're just paused and you can see actually in the call stack view here that we're paused not in the main process here, but a worker thread.

Um, and we're just calling worker one right now.

So we can step through this, we can step into our spell check function.

And then looks like it's.

Yeah, so it looks like this is going through a list of like all all English words and then it's it's looking at the the edit distance between them and getting the most similar words.

So the edit distance is just um, a number that indicates the number of of kind of mutations or changes that you have to make to a certain string to get to another string.

So if you have like one deletion or one insertion, that's like one uh like one distance unit away from the original string.

So we just go through every single word that we know about and then we get the most similar word and return it.

And so that's cool.

But this is actually kind of slow, like you see that um.

It takes like a second or so to actually do that.

Um, so if I wanted to to figure out why it's slow, I can use our new performance tooling.

So again, there's a few ways to actually do that.

So uh like you can uh uh I'll hit the record button here to actually take a profile.

Um, or or you can use the the take performance profile command right there.

And I'm actually going to restart this program just so that I can have a single worker real quick.

So if I make this or make a request.

Now we have one worker.

And so now I can go ahead and take a performance profile.

If I use the the command here, it's going to ask me which process I want to take a profile of.

Let's choose the worker.

Let's take a CPU profile.

And now we can choose when we want to stop it, we can stop it, we can run it that we want to stop it.

Or we can run it for a specific duration or until we hit a breakpoint.

I'll just do it until we until we stop it.

And then make a few requests.

So I'm going to make one.

Two.

Three requests.

And then you can stop it just by hitting that big little record button up there.

And now this will open the table view.

Uh, that kind of shows like performance of of every function that was called.

And so you have two columns here, you have the the self time, which is the amount of time that was spent in this single function.

As well as the total time, which is the time spent in this function or or any function that it called.

It it's kind of nice, like you can like look through uh uh these entries.

And then if you if you click on um, the locations here, that then like it'll bring you it'll bring you to your source.

And then it'll also annotate um, all your functions with with the time with the timing information.

So you can see we spent 40 milliseconds in this function itself and then four seconds or so.

Um, mostly it looks like calling into get edit distance.

So uh like this is nice, but there's actually a better way to actually view what's happening.

And that's through the flame graph.

And so to get to that, you can hit the little flame icon right here.

And then if you don't have the extension installed, it's actually a separate extension, but if you don't have it installed, then it'll have you install it right there.

And now I can open the profile again.

Now if I hit the flame icon here, it'll open the flame graph view.

And this is a chronological view showing like at every moment in the program, this is the function that was running.

And so we can like zoom in here, we can see that um.

Uh like at around five seconds or so, um, it was calling into the the edit distance function there, which is not surprising.

Um, also something very useful in in flame chart is that um, if you have if you have servers.

Then most often what happens is that a single call isn't that slow, but then when you have hundreds of hundreds of calls that are like each individually taking a lot of time.

Um, or or like sorry, or or all together taking a lot of time.

And then it's hard to like see at like each each individual call stack, you know, what's.

Um, it's hard to get a sense of like what's taking time if you just look at the chronological view.

So so you can use the call the left heavy view.

And and if you click on this button, then what happens is that it groups all of this all of the same call stacks together.

So instead of showing like a thousand different calls, it'll show only the unique stacks.

And then and then like you can see that, yeah, like as we thought, in this case, uh, basically all the time is spent in the slow in the slow check function here.

Um, and it's very easy to see instead of having to look at individual.

Often very small and and very tall call stacks.

Yeah, so anyway, so it looks like time is being spent in there.

So let's actually try and like go into this edit distance function.

And see what's happening inside of there.

So I'll set a breakpoint again.

And then make another request.

And now we're paused there.

And let's step in here.

Yeah, so it looks like this is a minified program, it's like all on one line.

But the new the new debugger actually recognized that and was able to say, hey, we can actually demify it for you.

So let's accept um, its offer there.

In this case, we basically like pre-printed um, this file, so instead of instead of showing a single line.

It just uh uh formatted it better so that we can step through it more easily.

Um, uh uh just like we would like a better program, you can also set breakpoints on line.

Um, and and so on and so forth.

Looks like we didn't hit that breakpoint in that case.

But um.

Yeah, and that's like a lot easier than having to like step through a single line, which is very awkward to do.

So yeah, it looks like that was like mostly like a lot of math, so this is probably pretty efficient.

Like I'm not I'm probably not smart enough to actually figure out what's going wrong here or if there is a way to make it faster.

So it looks like the probably like the solution if you wanted to fix this is to just like use a better data structure.

Instead of having to go through everywhere, maybe you can maybe we can use a tree or something.

But um.

Yeah, and so I think that pretty much covers like.

Uh, like what's happening actually in our in our program.

Um, like one more thing that I wanted to mention that if you.

Yeah, that you get with the the flame chart extension is that you get this real-time performance view here.

And this is um, it it does show you.

Yeah, just like shows you basically the current resource usage of your program.

So if I select the worker and then make a few calls.

You see that we actually have a CPU usage spike there as it's trying to.

Basically spending a whole CPU core uh just doing the spell checking work.

Um, and this is like very useful.

Just kind of to to have a like a gauge of like how long or how much resources like your program is taking.

Um, if I'm used to like just having to open seeing it takes like 70 megabytes of of RAM.

And I see all of a sudden I made a change and it's taking like 500 megabytes or something.

Then I can know that I probably just made a change that that might have introduced a leak or something just very inefficient.

And so like this is like very useful just to see that.

And also um, yeah, the same record button is present inside the inside the performance view here as well.

So you can see that very easily.

Um, and take a performance profile from that same view.

Yeah, and so that pretty much covers this.

So now, um, it seems like the like API is okay at least.

And so let's actually try debugging the front end.

And so once again, there's a few ways to actually like open up Chrome or open up a a browser.

In this case, Edge.

Um, to to debug it.

Um, again, traditionally, you would have had to use a launch config and like configure like your web root and so on and so forth.

Uh, but today there's actually something but there's actually two two simpler ways to do that today.

Um, and and so first of all, is that if you are using the the debug terminal.

Then if you if you hover over on links here, you might notice instead of instead of having the tool tip to just open a URL.

It's the tool tip to debug the URL.

So what happens is that all links all links inside the the inside the debug terminal, if you click on them, will automatically be debugged.

So if I click on this, then it'll it'll open a browser in debug mode.

And if I open my like index.html file, if I set a breakpoint there.

You'll see that it is verified.

Um.

Uh, something you have to note in like one common one common confusion is that if you just have um, like the the debug terminal open and you open um, a browser just like in a different URL.

You're just like normally, then it won't it won't be debugged because the the debug terminal only only debugs Node.js programs.

So you have to actually open a browser open a browser in debug mode to debug like your website.

And so this is one option.

Another option is using the debug open link command.

Um, and this like similarly to um, the like link here.

Uh, let's see like put in like any URL.

So in this case, we can put in like localhost.

And then if we hit that, then it'll be debugged.

Like this command also offers to to save that URL inside of your launch.json.

Just so that you can access it easier in the future.

So if I if I hit yes here.

Then you'll see that it creates this launch.json here.

And then um, if I want to debug this again, I can just click this little play button.

Um, or use um, the launch.json or use the launch configuration.

Just through the command palette here.

Yeah.

And and so anyway, since this is the JavaScript debugger.

So um, all the features that I just showed you, basically all all the program features all work inside.

Um, uh websites too.

So if I set a breakpoint here, uh, we can hit it and step through.

Um, and also the the performance view also works for websites as well.

So you can see CPU usage, memory usage.

Uh, you can also see a few different things on websites.

So you can uh click this little gear icon here and then you can see the number of DOM nodes and the number of of re-layouts or or recals that happen.

Which is really useful if you have like more complex apps that have uh uh like more more complex layout.

Um, it's really useful to get a handle on on like what is actually like taking resources in the browser.

And and probably burning cycles of your of your uh layout engine or your style engine.

Yeah.

So uh, that's about that.

And now I'll turn it over to Brandon to to show us how to actually use.

The Edge Dev Tools in VS Code, um, during debug sessions.

And so Brandon.

Want to share your screen?

Yeah, thanks, Connor.

Um, so like they said before, my name's Brandon, I'm from the Edge Dev Tools team.

And uh, we've been working really hard with the VS Code team to integrate some of the features that you know and love from your browser Dev Tools directly into VS Code.

Um, so Connor has already shown uh what you can do with the built-in JavaScript debugger for setting breakpoints.

Working with the console and even some performance characteristics.

So we went and tackled some of the most popular tools that don't already uh integrate well with uh VS Code.

So specifically DOM and CSS debugging.

And your network debugging.

Um, and so in order to demonstrate that, I'm working on the same simple project that Connor has here.

And if I go ahead and add my launch Edge configuration, let's see if I just pick Edge launch.

Really easy to configure your launch.json.

So go ahead and save that.

And then if I come over here.

I if I launch Edge, um, you'll see we have the app running up like what we had before.

And we have a new inspect integration icon, which will allow us to go ahead.

And if you don't have the extension installed, install the Dev Tools extension.

And now you can see here, uh, we've got the latest extension.

We can see the most recent contributions to it.

Um, but since I already have my debugging session open, I can go ahead and attach the extension to the current debug target.

So we'll give this a minute while it loads.

And as you can see here, uh, we have a few of the tools integrated directly into VS Code.

So you'll see a modified welcome tool, very similar to what you would see for the first time launching uh the Dev Tools in Edge browser.

Except it's tailored a bit to our extension.

So we have, you know, links to our documentation, our GitHub page where you can submit feedback and how to get a hold of us.

And then on the right hand side, some of the latest features that we've brought into the extension.

Uh, notably new CSS and Flexbox debugging and a few bug fixes for switching between targets.

Um, so now that we're up and running, I can go ahead and dismiss the welcome tab.

And we can see that we have our elements page if I bring back up the browser.

Um, and move this over here.

Let's see if I can get this all on the same screen.

Now we can see that we have already uh attached directly to our page.

We have our elements debugging that we know and love.

Um, and so if I were to use this to debug an issue with my page, let's say that I'm building the UI.

And over here, I have a table that I want to show the previous uh submissions to our spell checker.

Um, so if I go ahead and put test in here.

Um, but maybe I wanted this title to span across this entire table and I'm not quite sure what's going on.

So if I come over here to my elements tool, I select the previous submission.

You can see that we already start getting um the highlighting and it opens um our DOM tree directly to that element.

Um, and down here, we have all of our styles, computed styles, event listeners.

Um, the properties of the current element and the accessibility if you're working on improving the accessibility of your page.

Um, and then.

Uh, over here, now that we've selected on this uh element directly, we can see the styles applied to it.

Um, what's great instead of normally in the browser, you might make changes here to kind of mess around and see what opens up on the page.

But here, we can link directly into your source code.

Um, so you can go ahead and edit CSS directly.

So if I go ahead and click on this.

It'll take me directly to the style from my local project where we made the change.

And what's nice about this is we get all of the nice autocomplete and MDN references that we had in VS Code automatically.

Uh, so if I go back to my Dev Tools page.

I can also see that this is inside of a grid and if I turn this on, I get the nice good highlighting.

Now, sorry about the very, very small screen here.

Um, but if you try this out yourselves, you'll be able to see that these are highlighting uh both the grid outlines and the line numbers.

Um, so in combination with the CSS styles, I can see here that for my MDN reference.

Um, maybe I thought that the previous submission ought to do grid column, I was supposed to say my start column to my end column.

Uh, but from MDN, I can understand that this is actually supposed to be the start line to the end line.

And it takes the line numbers.

And so very quickly, I can see, oh, this needs to go from line one to three instead of two.

Make the change.

Save.

Reload the page.

And there you go.

And so this cuts out a lot of the work that you might be doing as a dev, uh, making changes in your CSS in the Dev Tools in the browser.

Uh, it brings them directly back into um, your code.

And so that you can iterate faster.

Uh, this works great.

If you have um hot module reloading or any uh kind of like a gulp server running in the background too, because you'll see these changes automatically as you're saving and editing.

Um, one of the other nice things that I want to show while we're here.

Um, so over here, we have the new sidebar.

I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on.

Or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets, I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.

You can very quickly uh, you know, switch between your targets, get the information you need and bring them right back to your source code.

Um, and the last thing I'll go ahead and show while we're here.

Um, so over here, we have the new sidebar, I can go ahead and if I launch another instance of Edge.

And so now I have multiple targets.

I can go ahead and switch directly between those.

Um, automatically by hitting the new attach button, the tools will reload.

Um, so say you have multiple targets that you're working on or you want to be able to take the styles from one page and apply them to another.