vscode-live-server
vscode-live-server copied to clipboard
Published
20 hours ago •
ritwickdey
ritwickdey
Extension fails to work when add specific comments in html
- Live Server:
5.6.1 - Platform:
Windows 10 - Visual Studio Code:
1.33.1 - Browser:
Chrome
I found that live server will inject some js scripts in the webpage, when add specific comments in html like // </body>, it fails to work.
my html source code:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
// </body>
</script>
</head>
<body>
<div id="test">
aaaa
</div>
</body>
</html>
source code after live server inject scripts:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
// <!-- Code injected by live-server -->
<script type="text/javascript">
// <![CDATA[ <-- For SVG support
if ('WebSocket' in window) {
(function () {
function refreshCSS() {
var sheets = [].slice.call(document.getElementsByTagName("link"));
var head = document.getElementsByTagName("head")[0];
for (var i = 0; i < sheets.length; ++i) {
var elem = sheets[i];
var parent = elem.parentElement || head;
parent.removeChild(elem);
var rel = elem.rel;
if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
}
parent.appendChild(elem);
}
}
var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
var address = protocol + window.location.host + window.location.pathname + '/ws';
var socket = new WebSocket(address);
socket.onmessage = function (msg) {
if (msg.data == 'reload') window.location.reload();
else if (msg.data == 'refreshcss') refreshCSS();
};
if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
console.log('Live reload enabled.');
sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
}
})();
}
else {
console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
}
// ]]>
</script></body>
</script>
</head>
<body>
<div id="test">
aaaa
</div>
<!-- Code injected
Of course it's not a big issue, but is there any method to solve it? Thanks!
It is a big issue because it corrupts my code at the totally wrong place How can I diasble it?
function addRow(tabelId)
| { | var email="est |
same error
- Live Server:
5.6.1- Platform:
Windows 10- Visual Studio Code:
1.33.1- Browser:
ChromeI found that live server will inject some js scripts in the webpage, when add specific comments in html like
// </body>, it fails to work.my html source code:
<!DOCTYPE html> <html> <head> <script type="text/javascript"> // </body> </script> </head> <body> <div id="test"> aaaa </div> </body> </html>source code after live server inject scripts:
<!DOCTYPE html> <html> <head> <script type="text/javascript"> // <!-- Code injected by live-server --> <script type="text/javascript"> // <![CDATA[ <-- For SVG support if ('WebSocket' in window) { (function () { function refreshCSS() { var sheets = [].slice.call(document.getElementsByTagName("link")); var head = document.getElementsByTagName("head")[0]; for (var i = 0; i < sheets.length; ++i) { var elem = sheets[i]; var parent = elem.parentElement || head; parent.removeChild(elem); var rel = elem.rel; if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") { var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, ''); elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf()); } parent.appendChild(elem); } } var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://'; var address = protocol + window.location.host + window.location.pathname + '/ws'; var socket = new WebSocket(address); socket.onmessage = function (msg) { if (msg.data == 'reload') window.location.reload(); else if (msg.data == 'refreshcss') refreshCSS(); }; if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) { console.log('Live reload enabled.'); sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true); } })(); } else { console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.'); } // ]]> </script></body> </script> </head> <body> <div id="test"> aaaa </div> <!-- Code injectedOf course it's not a big issue, but is there any method to solve it? Thanks!
same error
