Difference between revisions of "Web Site Testing"
(Created page with "==Visual Studio Code== I wish I had an answer for you, but honestly, after receiving no responses here, I just stuck with what I know, Live Server by Ritwick Dey. The reason...") |
|||
| Line 1: | Line 1: | ||
| + | ==Meme== | ||
| + | Testing a [[Web Site]] during development of that site. | ||
| + | |||
==Visual Studio Code== | ==Visual Studio Code== | ||
| − | I | + | Live Server versus Live Preview. |
| + | |||
| + | Normally I use Live Server, this opens in a browser. I uninstalled Live Server and installed Live Preview to test out. It opens via web viewer. You can only browser locally within the code you are working on and not like a normal web browser. You also cannot view console or anything like that. Pretty much a bare-bones browser | ||
| + | |||
| + | I just stuck with what I know, Live Server by Ritwick Dey. | ||
The reason I even asked in the first place is because I've been working through Dr Angela Yu's web development bootcamp on Udemy, and she suggests Live Preview to her students. Being a first-party extension, it caught my eye. I didn't end up downloading it, but from her videos, I do notice a few key differences. At least out of the box, Live Preview seems to launch your website preview WITHIN VS Code but can still be accessed in the browser, but Live View opens your browser and launches it directly in there. The other difference is that Live Preview is launched by right clicking on the file you want to preview and selecting it in the right click menu and live server is launched by clicking the option on the status bar when the file you wish to preview is open. | The reason I even asked in the first place is because I've been working through Dr Angela Yu's web development bootcamp on Udemy, and she suggests Live Preview to her students. Being a first-party extension, it caught my eye. I didn't end up downloading it, but from her videos, I do notice a few key differences. At least out of the box, Live Preview seems to launch your website preview WITHIN VS Code but can still be accessed in the browser, but Live View opens your browser and launches it directly in there. The other difference is that Live Preview is launched by right clicking on the file you want to preview and selecting it in the right click menu and live server is launched by clicking the option on the status bar when the file you wish to preview is open. | ||
Latest revision as of 09:08, 17 May 2025
Meme
Testing a Web Site during development of that site.
Visual Studio Code
Live Server versus Live Preview.
Normally I use Live Server, this opens in a browser. I uninstalled Live Server and installed Live Preview to test out. It opens via web viewer. You can only browser locally within the code you are working on and not like a normal web browser. You also cannot view console or anything like that. Pretty much a bare-bones browser
I just stuck with what I know, Live Server by Ritwick Dey.
The reason I even asked in the first place is because I've been working through Dr Angela Yu's web development bootcamp on Udemy, and she suggests Live Preview to her students. Being a first-party extension, it caught my eye. I didn't end up downloading it, but from her videos, I do notice a few key differences. At least out of the box, Live Preview seems to launch your website preview WITHIN VS Code but can still be accessed in the browser, but Live View opens your browser and launches it directly in there. The other difference is that Live Preview is launched by right clicking on the file you want to preview and selecting it in the right click menu and live server is launched by clicking the option on the status bar when the file you wish to preview is open.
Honestly, I'm sure there are customization in the settings that could make either behave the same as the other, but since I was already using Live Server and prefer it to open directly to my browser so I can use dev tools, I haven't installed Live Preview.
