-
Notifications
You must be signed in to change notification settings - Fork 331
Open
Description
<title>Microsoft Edge DevTools for Visual Studio Code</title>
<style>
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
:root {
--bg: #fff;
--col: #111;
--heading: #2ec2e0;
--subheading: #0d86d9;
--links: #0d86d9;
}
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #111;
--col: #fff;
--heading: #c8f7d1;
--subheading: #33c1ea;
--links: #33c1ea;
}
}
body {
background: var(--bg);
color: var(--col);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 34em;
margin: 0 auto;
font-size: calc(.7em + 1vw);
padding: 1em;
}
h1 {
min-height: 2.3em;
background: url('../icon.png');
background-size: 2.3em;
background-repeat: no-repeat;
background-position: left center;
padding-left: 3em;
font-weight: normal;
max-width: 15em;
color: var(--heading);
font-size: 1.9em;
}
h2 {
color: var(--subheading);
font-weight: normal;
margin-bottom: .5em;
}
p {
margin: 0 0 .5em 0;
padding:0;
}
a {
color: var(--links);
}
#headless:empty {
display: none;
}
#headless {
font-style: italic;
}
</style>
<script>
console.info('Hello from the startpage!')
if (!window.chrome) {
// document.querySelector('#headless').innerHTML = 'As you are using the browser without a window you can use the URL bar in the extension for that.'
}
</script>
Microsoft Edge DevTools for Visual Studio Code
Success!
You have successfully started an instance of Microsoft Edge inside your Visual Studio Code editor.
You can now use the Edge Developer Tools inside your editor to inspect, change and debug any web project.
Use the URL bar above to navigate to your project or start changing the styles of this document.
If you have any questions or concerns, please head over to the GitHub repository, read up on how to use the extension or report us your problems and ideas. We're happy to listen!
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels