Visual Studio 2017 HTML Previewer
I'm coding on VS2017 using HTML and I am looking for a way to see my website change as I code - a live previewer. I know there is one for VS Code:
https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer
Is there one like this for VS2017 and where can I find it?
EDIT - I am looking for an extension like this, not the HTML designer. So as I code, I can see the website change much like the linked extension for VS Code.
Thanks in advance.
html visual-studio
asked Feb 23 '18 at 12:46
birdseyeassassinbirdseyeassassin
216
add a comment |
I'm coding on VS2017 using HTML and I am looking for a way to see my website change as I code - a live previewer. I know there is one for VS Code:
https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer
Is there one like this for VS2017 and where can I find it?
EDIT - I am looking for an extension like this, not the HTML designer. So as I code, I can see the website change much like the linked extension for VS Code.
Thanks in advance.
html visual-studio
asked Feb 23 '18 at 12:46
birdseyeassassinbirdseyeassassin
216
Possible duplicate of Where is the visual studio HTML Designer?
– Calvin Nunes
Feb 23 '18 at 13:00
@CalvinNunes Please see the edit.
– birdseyeassassin
Feb 23 '18 at 13:03
The solution in the comment above did not work for me. If I open an HTML page in the Web Forms editor in VS 2017 I see nothing but a blank page, no design or source views and not even my HTML code.
– djcohen66
Jun 12 '18 at 15:56
add a comment |
I'm coding on VS2017 using HTML and I am looking for a way to see my website change as I code - a live previewer. I know there is one for VS Code:
https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer
Is there one like this for VS2017 and where can I find it?
EDIT - I am looking for an extension like this, not the HTML designer. So as I code, I can see the website change much like the linked extension for VS Code.
Thanks in advance.
html visual-studio
asked Feb 23 '18 at 12:46
birdseyeassassinbirdseyeassassin
216
I'm coding on VS2017 using HTML and I am looking for a way to see my website change as I code - a live previewer. I know there is one for VS Code:
https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer
Is there one like this for VS2017 and where can I find it?
EDIT - I am looking for an extension like this, not the HTML designer. So as I code, I can see the website change much like the linked extension for VS Code.
Thanks in advance.
html visual-studio
html visual-studio
asked Feb 23 '18 at 12:46
birdseyeassassinbirdseyeassassin
216
asked Feb 23 '18 at 12:46
birdseyeassassinbirdseyeassassin
216
edited Feb 23 '18 at 13:03
birdseyeassassin
asked Feb 23 '18 at 12:46
birdseyeassassinbirdseyeassassin
216
asked Feb 23 '18 at 12:46
birdseyeassassinbirdseyeassassin
216
asked Feb 23 '18 at 12:46
birdseyeassassinbirdseyeassassin
216
216
Possible duplicate of Where is the visual studio HTML Designer?
– Calvin Nunes
Feb 23 '18 at 13:00
@CalvinNunes Please see the edit.
– birdseyeassassin
Feb 23 '18 at 13:03
The solution in the comment above did not work for me. If I open an HTML page in the Web Forms editor in VS 2017 I see nothing but a blank page, no design or source views and not even my HTML code.
– djcohen66
Jun 12 '18 at 15:56
add a comment |
Possible duplicate of Where is the visual studio HTML Designer?
– Calvin Nunes
Feb 23 '18 at 13:00
@CalvinNunes Please see the edit.
– birdseyeassassin
Feb 23 '18 at 13:03
The solution in the comment above did not work for me. If I open an HTML page in the Web Forms editor in VS 2017 I see nothing but a blank page, no design or source views and not even my HTML code.
– djcohen66
Jun 12 '18 at 15:56
Possible duplicate of Where is the visual studio HTML Designer?
– Calvin Nunes
Feb 23 '18 at 13:00
Possible duplicate of Where is the visual studio HTML Designer?
– Calvin Nunes
Feb 23 '18 at 13:00
@CalvinNunes Please see the edit.
– birdseyeassassin
Feb 23 '18 at 13:03
@CalvinNunes Please see the edit.
– birdseyeassassin
Feb 23 '18 at 13:03
The solution in the comment above did not work for me. If I open an HTML page in the Web Forms editor in VS 2017 I see nothing but a blank page, no design or source views and not even my HTML code.
– djcohen66
Jun 12 '18 at 15:56
The solution in the comment above did not work for me. If I open an HTML page in the Web Forms editor in VS 2017 I see nothing but a blank page, no design or source views and not even my HTML code.
– djcohen66
Jun 12 '18 at 15:56
add a comment |
1 Answer
1
active
oldest
votes
By default, the "preview" is simply running the page which you can do by right clicking on it (either the code or the listing in the solution explorer) and selecting "View in Browser". It'll open the file in a browser. My common method then of seeing changes quickly has been to just keep refreshing when I save changes. The good thing is that it'll be a really accurate portrayal of how the given browser will render what you just did. No need to worry about whether the previewer is good enough.
But I found your question when I was looking for ways to preview how a page will look on a mobile device. In case there's a listing on the page I found that might help you further, Microsoft has this page...
https://docs.microsoft.com/en-us/aspnet/mobile/device-simulators
In case the link breaks, you might find the article again with the title: "Simulate Popular Mobile Devices for Testing".
answered Nov 14 '18 at 18:58
KevinKevin
114
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f48948256%2fvisual-studio-2017-html-previewer%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
By default, the "preview" is simply running the page which you can do by right clicking on it (either the code or the listing in the solution explorer) and selecting "View in Browser". It'll open the file in a browser. My common method then of seeing changes quickly has been to just keep refreshing when I save changes. The good thing is that it'll be a really accurate portrayal of how the given browser will render what you just did. No need to worry about whether the previewer is good enough.
But I found your question when I was looking for ways to preview how a page will look on a mobile device. In case there's a listing on the page I found that might help you further, Microsoft has this page...
https://docs.microsoft.com/en-us/aspnet/mobile/device-simulators
In case the link breaks, you might find the article again with the title: "Simulate Popular Mobile Devices for Testing".
answered Nov 14 '18 at 18:58
KevinKevin
114
add a comment |
By default, the "preview" is simply running the page which you can do by right clicking on it (either the code or the listing in the solution explorer) and selecting "View in Browser". It'll open the file in a browser. My common method then of seeing changes quickly has been to just keep refreshing when I save changes. The good thing is that it'll be a really accurate portrayal of how the given browser will render what you just did. No need to worry about whether the previewer is good enough.
But I found your question when I was looking for ways to preview how a page will look on a mobile device. In case there's a listing on the page I found that might help you further, Microsoft has this page...
https://docs.microsoft.com/en-us/aspnet/mobile/device-simulators
In case the link breaks, you might find the article again with the title: "Simulate Popular Mobile Devices for Testing".
answered Nov 14 '18 at 18:58
KevinKevin
114
add a comment |
By default, the "preview" is simply running the page which you can do by right clicking on it (either the code or the listing in the solution explorer) and selecting "View in Browser". It'll open the file in a browser. My common method then of seeing changes quickly has been to just keep refreshing when I save changes. The good thing is that it'll be a really accurate portrayal of how the given browser will render what you just did. No need to worry about whether the previewer is good enough.
But I found your question when I was looking for ways to preview how a page will look on a mobile device. In case there's a listing on the page I found that might help you further, Microsoft has this page...
https://docs.microsoft.com/en-us/aspnet/mobile/device-simulators
In case the link breaks, you might find the article again with the title: "Simulate Popular Mobile Devices for Testing".
answered Nov 14 '18 at 18:58
KevinKevin
114
By default, the "preview" is simply running the page which you can do by right clicking on it (either the code or the listing in the solution explorer) and selecting "View in Browser". It'll open the file in a browser. My common method then of seeing changes quickly has been to just keep refreshing when I save changes. The good thing is that it'll be a really accurate portrayal of how the given browser will render what you just did. No need to worry about whether the previewer is good enough.
But I found your question when I was looking for ways to preview how a page will look on a mobile device. In case there's a listing on the page I found that might help you further, Microsoft has this page...
https://docs.microsoft.com/en-us/aspnet/mobile/device-simulators
In case the link breaks, you might find the article again with the title: "Simulate Popular Mobile Devices for Testing".
answered Nov 14 '18 at 18:58
KevinKevin
114
answered Nov 14 '18 at 18:58
KevinKevin
114
answered Nov 14 '18 at 18:58
KevinKevin
114
answered Nov 14 '18 at 18:58
KevinKevin
114
114
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f48948256%2fvisual-studio-2017-html-previewer%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Possible duplicate of Where is the visual studio HTML Designer?
– Calvin Nunes
Feb 23 '18 at 13:00
@CalvinNunes Please see the edit.
– birdseyeassassin
Feb 23 '18 at 13:03
The solution in the comment above did not work for me. If I open an HTML page in the Web Forms editor in VS 2017 I see nothing but a blank page, no design or source views and not even my HTML code.
– djcohen66
Jun 12 '18 at 15:56