CODEWITHSUNDEEP
javascripthtmlcssgridnpm-live-server
dushimimana fabrice
dushimimana fabrice

Reputation: 51

why is live-server injecting these javascript codes

I'm trying to create grid layout but live-server is injecting these codes in webpage...

// <![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];
        head.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());
        }
        head.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();
    };
    console.log('Live reload enabled.');
  })();
}
// ]]>

How to handle this issue; And why it is happening ?

Upvotes: 2

Views: 8320

Answers (3)

Mary
Mary

Reputation: 1

In my case this happened when there was an error in style.css (copied line in a wrong place)

* { 
  display: flex;
}

Message from Live Server disappeared after I moved this line to a proper place.

Upvotes: 0

Victor Eke
Victor Eke

Reputation: 495

I just experienced this issue. Although the OP does not seem to provide any clarity on the problem. In my situation, I added a self-closed <textarea /> element instead of the complete <textarea></textarea> set.

When I refresh, live-server crashes and injects the JS code shared on the OP inside the textarea element.

Here's a screenshot.

To fix this, check your elements if they are properly closed and more precisely if you have any textarea element.

Upvotes: 2

Neftali Taiel Toledo
Neftali Taiel Toledo

Reputation: 58

Live server "injects" code in your website to work properly, if you open your html file, you'll see that it is doesn't saved, and is only temporary to when you use the extension

Upvotes: 0

Related Questions