移动端动态添加VConsole

标签方法

// process.env.VUE_APP_ENV 环境比变量
<% if(process.env.VUE_APP_ENV !== 'production'){ %>
      <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
      <script>
            var vConsole = new VConsole();
      </script>
<% } %>

js 方法

// 创建一个script标签
function loadScriptString(code) {
  const script = document.createElement('script'); // 创建一个script标签
  script.type = 'text/javascript';
  try {
    // IE浏览器认为script是特殊元素,不能再访问子节点;报错;
    script.appendChild(document.createTextNode(code));
  } catch (ex) {
    script.text = code;
  }
  document.getElementsByTagName('head')[0].appendChild(script);
}
window.onload = () => {
  const script = document.createElement('script'); // 创建一个script标签
  script.type = 'text/javascript';
  script.src = 'https://unpkg.com/vconsole/dist/vconsole.min.js';
  document.getElementsByTagName('head')[0].appendChild(script);
  const str = 'setTimeout(() => {var vConsole = new window.VConsole();},3000)';
  loadScriptString(str);
};