title: I'am getting "[violation] avoiding using document write()" error when adding a body tag in html
body: <p>when creating a basic html layout as shown below, i keep getting "[violation] avoiding using document write()" error. However when i remove the body tag, the error is gone.
  Does anyone know why its happening and is there any alternative for me to use.
  Thanks,</p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;!DOCTYPE html&gt;
      &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
          &lt;title&gt;Document&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
      &lt;/body&gt;
      &lt;/html&gt; 
  </code></pre>
  
  <h3>Update:</h3>
  
  <p>The source tab on chrome developer console, is highlighting the line inside the body tag.
  </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;script id="bs_script"&gt;
      //&lt;![CDATA[ document.write("&lt;script async src='/browser-sync/browser-sync-client.js?v=2.26.7'&gt;&lt;\/script&gt;".replace("HOST", location.hostname)); //]]&gt;
    &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>