http://tcwiki.azurewebsites.net/index.php?action=history&feed=atom&title=Web_Site_Testing 2026-08-16T03:16:01Z Revision history for this page on the wiki MediaWiki 1.27.4 http://tcwiki.azurewebsites.net/index.php?title=Web_Site_Testing&diff=23875&oldid=prev 2025-05-17T16:08:07Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='en'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 16:08, 17 May 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==Meme==</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Testing a [[Web Site]] during development of that site.</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==Visual Studio Code==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==Visual Studio Code==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>I <del class="diffchange diffchange-inline">wish </del>I <del class="diffchange diffchange-inline">had an answer for </del>you<del class="diffchange diffchange-inline">, but honestly, after receiving no responses here, </del>I just stuck with what I know, Live Server by Ritwick Dey.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Live Server versus Live Preview.</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Normally </ins>I <ins class="diffchange diffchange-inline">use Live Server, this opens in a browser. </ins>I <ins class="diffchange diffchange-inline">uninstalled Live Server and installed Live Preview to test out. It opens via web viewer. You can only browser locally within the code </ins>you <ins class="diffchange diffchange-inline">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</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>I just stuck with what I know, Live Server by Ritwick Dey.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>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.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>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.</div></td></tr> </table>

Tom http://tcwiki.azurewebsites.net/index.php?title=Web_Site_Testing&diff=23874&oldid=prev 2025-05-17T16:03:52Z

<p>Created page with &quot;==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...&quot;</p> <p><b>New page</b></p><div>==Visual Studio Code==<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> ==References==<br /> <br /> [[Category: Best Practice]]</div>

Tom